JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了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>@H_616_5@ 
 

使用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' ]],});@H_616_5@ 
 

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

解决方法

对于DataTables 1.10.4,
"fnCreatedRow": function (row,data,indeX) {
            $('td',row).eq(0).html(index + 1);
        }@H_616_5@

大佬总结

以上是大佬教程为你收集整理的javascript – 如何在由服务器端数据源的JQuery DataTable生成的表上添加行号全部内容,希望文章能够帮你解决javascript – 如何在由服务器端数据源的JQuery DataTable生成的表上添加行号所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。