求教jquery datatables 插件如何生成一列序号列

求教jquery datatables 插件如何生成一列序号列,第1张

参考官网的代码,可以添加序号列:

$(document).ready(function() {

var t = $('#example').DataTable( {

"columnDefs": [ {

"searchable": false,

"orderable": false,

"targets": 0

} ],

"order": [[ 1, 'asc' ]]

} )

t.on( 'order.dt search.dt', function () {

t.column(0, {search:'applied', order:'applied'}).nodes().each( function (cell, i) {

cell.innerHTML = i+1

} )

} ).draw()

} )

var RowNumber = 0

$('#userTableContainer').jtable({

.......

fields: {

RowNumber : {

title: 'No',

display: function () {

RowNumber++

return RowNumber

}

},

1、打开需要自动编号的表格。

2、然后鼠标右键点击要修改的序列号(这里以20为例),。

3、然后,鼠标右键点击选择框,选择至表格最后一位序列号。

4、鼠标右键点击选择框右下角的自动填充按钮,在d出的菜单选择填充序列。

5、鼠标右键点击填充序列,自动填充序列号完成。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11611587.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存