在建立表格的时候,为了方便阅读,我们可能需要简历 行号列,JQuery DataTables 如何自动创建行号列呐?
首先我们介绍一下从 服务端获取数据,而后使用 JQuery DataTables 自动编号。下面是几种思路:
1. 服务端模式下客户端 编号
代码:
dtconfig.ajax = {
url: "/Action/GetNewLouPanList.ashx",
type: "POST",
};
dtconfig.columns = [
{ name: "Checkbox","searchable": false, "orderable": false },
//此处要预留一列给编号,视图同样也要给编号预留一列
{ name: "SerialNum", data: "Id", "searchable": false, "orderable": false },
{ name: "Id", data: "Id" },
//...
];
var page_dt = $('#datatable').DataTable(dtconfig);//初始化 DataTables
// .draw.dt 是 DataTables 的绘制事件,监听绘制事件,绘制的时候给 datatales 编号。
page_dt.on('draw.dt', function () {
//给第一列编号<