![](/img/trans.png)
[英]Jquery Datatable drag and drop rows , Row reordering from json data
[英]Assign ID to datatable row from json data
我是datatable jquery插件的新手。 我坚持了超过2天。 我有一个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警告(表ID ='accDetailTable'):添加的数据(大小未定义)与已知的列数不匹配(3)
这很容易。 让我们做一个微小的更改,因为您希望第一列包含id,所以您可能需要使用fnRender,请检查datatables的api ,我没有添加这部分代码:
var oTable=$('#accDetailTable').dataTable({
"bProcessing": true,
"bServerSide": true,
"sAjaxSource": contextPath + "/user/investorAjax?method=getInvestorAccDetailList",
"aoColumns":[
{"mDataProp":"currency"},
{"mDataProp":"currentAccNo"},
{"mDataProp":"secureAccNo"}
]
});
您的数据表正在等待每行三个条目,您给它四个。 在表声明中(用html部分表示),在行的开头指定新的标题单元格<th>
。 您将在其中放入ID。 然后,在dataTables初始化之后,可以使用fnSetColumnVis(index, visibility)
函数隐藏第一列:
oTable.fnSetColumnVis(0, false); //It will hide your first column
这样做每一行都包含他的ID(DT_RowId),但不显示它。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.