首页 > 代码库 > jquery datatable 实例操作
jquery datatable 实例操作
var dataTables = $(".table").dataTable({ data: d,//为ajax的值,没有直接用插件自带的请求数据方式,个人data的方式好控制一些 columns: [{//设置表格内容 sDefaultContent: "",//默认值 data: "Id",//对应数据json的key bVisible: false //此列不显示 }, { title: "名称", data: "Name",
class:"",//设置当前td的class值
render: function (data, type, full) { //自定义模块的内容,data为key对应的Name的值,full为所有的值
return "<div title=‘" + data + "‘ > " + data + "</div>"; //可以通过设置div的宽来防止无法设置表格td的宽,并且可以添加title
} }], //"columnDefs": [{//设置 编辑按钮 // "targets": [3], // "data": "id", // "render": function (data, type, full) { // return "<a class=‘updata‘ href=http://www.mamicode.com/‘#‘ >编辑"; // } //}], bPaginate: false, //是否显示(应用)分页器 bInfo: false, //是否显示页脚信息,DataTables插件左下角显示记录数 bSort: true, //是否启动各个字段的排序功能 aaSorting: [[0, ‘asc‘]],//默认排序列 bSelectAll: false, fnCallback: function () { }, //oPageSize: 10, //oSortType: "desc", //oSortCol: "proName", bProcessing: true, oLanguage: {//多语言配置 "sProcessing": "正在加载中......", "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "对不起,查询不到相关数据!", "sEmptyTable": "表中无数据存在!", "sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录", "sInfoFiltered": "数据表中共为 _MAX_ 条记录", "sSearchPlaceholder": "?? 查找",//搜索框内占位符 "sSearch": "",//搜索框前的字体 "oPaginate": { "sFirst": "首页", "sPrevious": "上一页", "sNext": "下一页", "sLast": "末页" } } });
jquery datatable 实例操作
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。