我使用
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" },"bSortable": false,"mRender": function(data) { return '<a href="' + config.siteURL + '/applications/delete/' + data + '" class="confirm_delete"><i class="">x</i></a>' }},],"aaSorting": [[ 0,'asc' ]],});
解决方法
对于DataTables 1.10.4,
"fnCreatedRow": function (row,data,index) { $('td',row).eq(0).html(index + 1); }