如何在Jquery Datatables插件中获得'offset'值

时间:2011-04-11 01:32:13

标签: jquery datatables

我想在每页上打印serial-no。无论任何列的排序如何,此序列号都应始终按升序排列。让我们假设我在第3页,'limit'设置为10。

然后序列 - 无列应打印21,22,23,...,30。

如何在jQuery datatables plugin.

中获取此信息

提前致谢

2 个答案:

答案 0 :(得分:0)

有一个fnRowCallback可以让你做你想做的事情:

  

此功能允许您在为每个表格绘制生成之后,但在它在屏幕上呈现之前,为每一行“发布处理”。

回调的第四个参数是

  

完整行列表中的数据索引(过滤后)

所以你应该能够使用第四个参数来回调,将行号添加到行中(这是回调的第一个参数)。

答案 1 :(得分:0)

你实际上不需要担心任何事情,只需简单地把它弄清楚

从服务器端创建s.no就像bellow json ...那么你不必担心像偏移

这样的东西
  

JSON

{
    "sEcho": 0,
    "iTotalRecords": 12,
    "iTotalDisplayRecords": 12,
    "aaData": [
["1","item1"],["2","item1"],["3","item1"],["4","item1"],["5","item1"],["61","item1"],["7","item1"],["8","item1"],["9","item1"],["10","item1"],["11","item1"],["12","item1"]
    ] 
}
  

SCRIPT

<script type="text/javascript">
$(document).ready(function() {
    var oTable = $('#category_table').dataTable( {
    "aoColumns": [
        { "sClass": "number", "bSortable": false },
        { "sClass": "nonedit", "bSortable": false }

        ],
        "bProcessing": true,
        "bServerSide": true,
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        "sAjaxSource": "serverpage.php",
        "fnDrawCallback": function () {

        }

    }); 
});     
</script>
  

MARKUP

<table width="100%" cellpadding="0" cellspacing="0" border="0" class="display" id="category_table">
    <thead>
        <tr>
            <th width="3%" style="text-align:center;">S.No</th>
            <th>item Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td colspan="5" class="dataTables_empty">Loading data from server</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th width="3%" style="text-align:center;">#</th>
            <th>item Name</th>
        </tr>
    </tfoot>
</table>