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

前端之家收集整理的这篇文章主要介绍了javascript – 如何在由服务器端数据源的JQuery DataTable生成的表上添加行号前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用 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' ]],});

我阅读了文档here,但它不起作用.任何人都可以帮我解决这个问题吗?

解决方法

对于DataTables 1.10.4,
"fnCreatedRow": function (row,data,index) {
            $('td',row).eq(0).html(index + 1);
        }
原文链接:https://www.f2er.com/jquery/159473.html

猜你在找的jQuery相关文章