如何使用服务器端数据源在由 JQuery DataTable 生成的表上添加行号

Question

我使用 JQuery DataTable 来绑定和显示我的数据。但是，我无法从客户端向生成的网格添加行号。这是我的代码：

HTML

 <table id="applications_list" class="table table-bordered datagrid">
    <thead>
        <tr>
            <th><?php echo __('No.'); ?></th>
            <th><?php echo __('Application Code'); ?></th>
            <th><?php echo __('Application Name'); ?></th>
            <th><?php echo __('Created By'); ?></th>
            <th><?php echo __('Created Date'); ?></th>
            <th><?php echo __('Action'); ?></th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

Javascript

 $('#applications_list').dataTable({
    "bLengthChange": false,
    "bFilter": true,
    "bFilter": false,
    "bProcessing": true,
    "bServerSide": true,
    "sPaginationType": "full_numbers",
    "sAjaxSource": config.siteURL  + "/applications/ajax_index",
    "sServerMethod": "POST",
    "aoColumns": [
        { "mData": null, "bSortable": false },
        { "mData": "app_applicationcode",  "sName": "app_applicationcode" },
        { "mData": "app_applicationname", "sName": "app_applicationname" },
        { "mData": "app_createdby", "sName": "app_createdby" },
        { "mData": "app_createddate", "sName": "app_createddate" },
        { "mData": "app_applicationcode", "bSortable": false, "mRender": function(data) {
            return '<a href="' + config.siteURL + '/applications/delete/' + data + '" class="confirm_delete"><i class="">x</i></a>'
        }},
   ],
    "aaSorting": [[ 0, 'asc' ]],
});

我 在这里 阅读文档，但它不起作用。谁能帮我解决这个问题？

原文由 Habibillah 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

最佳解决方案：

 "columns": [

    { "data": null,"sortable": false,
       render: function (data, type, row, meta) {
                 return meta.row + meta.settings._iDisplayStart + 1;
                }
    },
......
]

原文由 kubura 发布，翻译遵循 CC BY-SA 4.0 许可协议