dataTables 的一些初级使用方法详解

来源:互联网 发布:汕头 知乎 编辑:程序博客网 时间:2024/06/05 18:48

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”: “显示第 STARTEND 项结果,共 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 ‘拼接字符串来添加按钮’
}],});