黄聪:Jquery+DataTables插件,如何在ajax调用服务器数据后,自动给tr添加id属性

Posted 黄聪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了黄聪:Jquery+DataTables插件,如何在ajax调用服务器数据后,自动给tr添加id属性相关的知识,希望对你有一定的参考价值。

http://legacy.datatables.net/usage/callbacks#fnRowCallback

主要通过 fnCreatedRow 事件来实现

var table = $(‘#table_id‘).dataTable( {
        "processing": true,
        "serverSide": true,
        "ajax": {
            "url": "#",
            "type": "POST",
            "data" : { "action" : "table-ajax-data" }
        },
       "columns": [
        { "data": ‘id‘, "name": ‘编号‘, "width": ‘80px‘ },
        { "data": ‘cat‘, "name": ‘分类‘ },
        { "data": ‘sub_cat‘, "name": ‘子类‘, "orderable": false, "visible": false, "searchable": false }
    ],
    "fnCreatedRow": function( nRow, aData, iDataIndex ) {
            if( typeof( aData.id ) != "undefined" ) {
                $( nRow ).attr( "tr_id", aData.id );
            }
    }
    } );

 

以上是关于黄聪:Jquery+DataTables插件,如何在ajax调用服务器数据后,自动给tr添加id属性的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 插件 DataTables:如何突出显示当前搜索文本?

如何在DataTables 1.10中使用JQuery DataTables“input”插件

如何更改 DataTables jQuery 插件的分页按钮数量

如何从 Datatables jQuery 插件中提取过滤后的数据?

如何使用 jQuery DataTables 插件实现服务器端处理?

如何使用 jQuery DataTables 插件过滤带有特殊字符的结果?