我正在使用Jquery datatables来构建表格。我需要每行的行索引。但是当我切换到下一页时,行索引重置为1。 我需要从第一页最后一行继续行索引,这意味着如果我的页面大小是10,那么第二页第一行应该从11开始而不是1。 我的问题与此图片SAMPLE相同。 请帮我查一下我的代码有什么问题。非常感谢:)
var oTable = $('#myDataTable').dataTable({
"bServerSide": true,
"bJQueryUI": true,
"bProcessing": true,
"sAjaxSource": sAjaxPage.toString(),
"sPaginationType": "full_numbers",
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
debugger;
var index = iDisplayIndexFull + 1;
$("td:first", nRow).html(index);
return nRow;
},
"fnServerParams": function (aoData) {
aoData.push({ "name": "pTransactionDateFrom", "value": pTransactionDateFrom });
aoData.push({ "name": "pTransactionDateTo", "value": pTransactionDateTo });
aoData.push({ "name": "pTransactionNo", "value": pTransactionNo });
},
"aoColumns": [
{
"bSort": false,
"bSearchable": false,
"bSortable": false,
"bFilter": false
},
null,
null,
null,
null,
null,
null,
null
]
});
答案 0 :(得分:3)
我找到了解决问题的方法。不是标准,但它的工作。 :)
"fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
var numStart = this.fnPagingInfo().iStart;
var index = numStart + iDisplayIndexFull + 1;
$("td:first", nRow).html(index);
return nRow;
},
数据表api是http://datatables.net/plug-ins/api#fnPagingInfo
$.fn.dataTableExt.oApi.fnPagingInfo = function (oSettings) {
return {
"iStart": oSettings._iDisplayStart,
"iEnd": oSettings.fnDisplayEnd(),
"iLength": oSettings._iDisplayLength,
"iTotal": oSettings.fnRecordsTotal(),
"iFilteredTotal": oSettings.fnRecordsDisplay(),
"iPage": Math.ceil(oSettings._iDisplayStart / oSettings._iDisplayLength),
"iTotalPages": Math.ceil(oSettings.fnRecordsDisplay() / oSettings._iDisplayLength)
};
};