javascript - 将 json 数据中的 ID 分配给数据表行

Question

我是数据表 jquery 插件的新手。我被这个问题困扰了两天多。我有一个 Json 数据，我仍然无法加载表格，我还想将第一列指定为行的 id

这是 html:

<table cellpadding="0" cellspacing="0" border="0" class="display"
    id="accDetailTable">
    <thead>
        <tr>
            <th>Currency</th>
            <th>Current/Savings Account No.</th>
            <th>Securities Account No.</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

和我的初始化

var oTable=$('#accDetailTable').dataTable( {
            "bProcessing": true,
            "bServerSide": true,
            "sAjaxSource": contextPath + "/user/investorAjax?method=getInvestorAccDetailList",
            "iDeferLoading": 57,
    } );

从服务器返回jsonData:

    {"sEcho":1,"iColumns":4,"iTotalRecords":16,"iTotalDisplayRecords":16,
"aaData":
    [{"DT_RowId":2032,"currency":1,"currentAccNo":"aa","secureAccNo":"aa"},
    {"DT_RowId":2033,"currency":1,"currentAccNo":"111","secureAccNo":"111"},
    {"DT_RowId":2034,"currency":1,"currentAccNo":"a","secureAccNo":"aa"},
    ]}
}

但它总是击中:

DataTables warning (table id = 'accDetailTable'): Added data (size undefined) does not match known number of columns (3)

Answer 1

您的数据表每行等待三个条目，而您给了它四个条目。在表声明(html 部分)中指定一个新的标题单元格 <th>在你的行的开头。您将在其中放入 id。然后在 dataTables 初始化后，您可以使用 fnSetColumnVis(index, visibility) 隐藏第一列功能:

oTable.fnSetColumnVis(0, false); //It will hide your first column

这样做的每一行都包含他的 id (DT_RowId) 但不显示它。