1

jQueryDataTablesグリッドがある基本的なhtmlページがあります。私はできる

http://datatables.net/index

ブラウザで問題なく表示されます。問題は、各セクションにカスタム行ヘッダーを追加したいということです。したがって、行ヘッダーは行3、行8などに配置できます。データテーブルの中央に行ヘッダーを動的に挿入するにはどうすればよいですか。

getDataOverview: function ($page) {
        $page.find('#tblDataTable').dataTable({
            "bServerSide": true,
            "fnDrawCallback": onAfterTableLoad,
            "bJQueryUI": false,
            "bFilter": false,
            "bPaginate": false,
            "bLengthChange": false,
            "oLanguage": { "sInfo": "" },
            "sAjaxSource": this.getUrl($page) + '/GetDataOverview/',
            "fnServerData": function (sSource, aoData, fnCallback) {

                $.ajax({
                    dataType: 'json',
                    type: "POST",
                    url: sSource,
                    data: aoData,
                    success: fnCallback,
                    error: function (jqXHR, textStatus, errorThrown) { alert('Error getting data' + errorThrown) }
                })
            },
            "bProcessing": false, // don't want to use the default progress indicator at this time
            "aoColumnDefs": [
                { "sName": "ID", "aTargets": [0], "mDataProp": "ID", "bSortable": false },
                { "sName": "Name", "aTargets": [1], "mDataProp": "Name", "bSortable": false },
                { "sName": "Other", "aTargets": [2], "mDataProp": "Other", "bSortable": false }
            ],
            "aaSorting": [[0, "asc"]] // default sort by Task Type
        });
    },
4

1 に答える 1

1

fnRowCallbackを確認してください。コールバック中に、ヘッダーを追加する行を決定し、条件に一致する場合は新しい行を挿入できる場合があります。

于 2012-10-24T15:25:40.483 に答える