Question

如何使用索引列（静态数字列）初始化代码并使用jquery的datatable插件中的服务器端处理隐藏一个或多个coloumn？

这是条件：
我在数据库中的表（id，name）中有两个字段，但我希望数据表显示静态数字列和名称列，其中一个隐藏的字段为字段id。

我使用索引列（静态数字列），带隐藏列的DataTables和带有流水线数据的服务器端处理但返回警报结果表示“DataTabels warning（tabel id ='example'）：请求未知参数'2'第0行的数据源。我认为是因为我在DataTabel中有三个coloumn，而server-site从数据库中的表（id，name）返回两个字段。

感谢帮助。

Answer 1

直接来自DataTables主页（datatables.net）：

DataTables with hidden columns：

$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumnDefs": [ 
            { "bSearchable": false, "bVisible": false, "aTargets": [ 2 ] },
            { "bVisible": false, "aTargets": [ 3 ] }
        ] } );
} );

DataTables server-side processing example：

$(document).ready(function() {
    $('#example').dataTable( {
        "bProcessing": true,
        "bServerSide": true,
        "sAjaxSource": "../server_side/scripts/server_processing.php"
    } );
} );

响应应该与此类似：

{
    "sEcho": 1,
    "iTotalRecords": "57",
    "iTotalDisplayRecords": "57",
    "aaData": [
        [
            "Gecko",
            "Netscape Navigator 9",
            "Win 98+ / OSX.2+",
            "1.8",
            "A"
        ],
        [
            "Gecko",
            "Mozilla 1.0",
            "Win 95+ / OSX.1+",
            "1",
            "A"
        ]
    ]
}

DataTables with column rendering：

$(document).ready(function() {
    $('#example').dataTable( {
        "aoColumnDefs": [ 
            {
                "fnRender": function ( oObj ) {
                    return oObj.aData[0] +' '+ oObj.aData[3];
                },
                "aTargets": [ 0 ]
            },
            { "bVisible": false,  "aTargets": [ 3 ] },
            { "sClass": "center", "aTargets": [ 4 ] }
        ]
    } );
} );

初始化代码的示例是否足够？

数据表，初始化代码？

1 个答案: