您现在的位置:首页 >> 前端 >> 内容

dataTables的一些初级使用方法教程

时间:2017/12/6 11:47:42 点击:

  核心提示:dataTables的一些初级使用方法教程var datatable = $(#example).dataTable({ ordering: true, //禁止排序 searching: false...

dataTables的一些初级使用方法教程

var datatable = $(‘#example’).dataTable({ 
“ordering”: true, //禁止排序 
“searching”: false, //禁止本地搜索 
“processing”: true, //显示加载在处理 
“pageLength”: 2, //每页显示多少条 
“serverSide”: true, //服务端模式 
“lengthChange”: true, //取消每页多少条选项 
“paging”: true, //是否显示分页 
“pagingType”: “full_numbers”, //分页方式 
“info”: true, //是否显示左下角的信息 
“bAutoWidth”:true,//自动宽度 
“language”: { “sProcessing”: “处理中…”, “sLengthMenu”: “显示 MENU 项结果”, “sZeroRecords”: “没有匹配结果”, “sInfo”: “显示第 START 至 END 项结果,共 TOTAL 项”, “sInfoEmpty”: “显示第 0 至 0 项结果,共 0 项”, “sEmptyTable”: “表中数据为空”, “sLoadingRecords”: “载入中…”, “sInfoThousands”: “”, “oPaginate”: { “sFirst”: “首页”, “sPrevious”: “上页”, “sNext”: “下页”, “sLast”: “末页” } }, ajax: { url: “Show”, data: function (d) { } }, //分页 
//数据传输 
“columns”: [ 
{“data”: “ID”}, 
{ “data”: “Name” }, 
{ “data”: “S_id” }, 
{ “data”: “Sex” }, 
{ “data”: “Age” }, 
{ “formatNumber”: “preplanTime” }], 
//在表格最后一列插入两个按钮主要用于增删改查 
“columnDefs”: [{ 
“targets”: -1,//最后一列 
“data”: “ID”, 
render: function (data, type, row, meta) 
{ 
return ‘拼接字符串来添加按钮’ 
}],});

Tags:DA AT TA AT 
作者:网络 来源:qq_3826164