Javascript 绑定jquery datatable时出现错误;请求的未知参数';0';来自第0行的数据源";
我正在使用jquery为jquery数据表创建json格式, 但它给出错误“DataTables警告(表id='tblDynamicModifierItems2'):从数据源为行0请求的未知参数“0” 我的Html是Javascript 绑定jquery datatable时出现错误;请求的未知参数';0';来自第0行的数据源";,javascript,jquery,jquery-datatables,jquery-datatables-editor,Javascript,Jquery,Jquery Datatables,Jquery Datatables Editor,我正在使用jquery为jquery数据表创建json格式, 但它给出错误“DataTables警告(表id='tblDynamicModifierItems2'):从数据源为行0请求的未知参数“0” 我的Html是 <table id="tblDynamicModifierItems" class="tblDynamicModifierItems table table-hover table-nomargin dataTable table-bordered dataTable-sc
<table id="tblDynamicModifierItems" class="tblDynamicModifierItems table table-hover table-nomargin dataTable table-bordered dataTable-scroller dataTable-tools">
<tbody></tbody>
</table>
有人能帮我解决这个问题吗?您需要正确地标记。jquerydatatables对此非常敏感。定义标题非常重要,
,这样dataTables就有机会知道每行数据中应该包含多少列
<table id="tblDynamicModifierItems" class="tblDynamicModifierItems table table-hover table-nomargin dataTable table-bordered dataTable-scroller dataTable-tools">
<thead>
<tr>
<th>ModifierItemCode</th>
<th>ModifierItem</th>
<th>Delete</th>
</tr>
</thead>
<tbody></tbody>
</table>
演示中的代码->
关于你的“aoColumns”:[{“bVisible”:false},{“sTitle”:“Description”},null],
我不完全确定你想做什么,但是如果你想隐藏第一列,只需将bVisible:false
添加到第一个aoColumns
项中,依此类推
至于你的
fnCreatedRow
问题:想想看,你正在插入一个对象。因此,不需要发出警报(aData[0])(或其他)而只需
forked fiddle->非常感谢您的快速回复,您的代码运行良好,再次感谢您。我还有一个问题,我在创建行时设置属性Id,所以我这样做,var oTable=$(“#tbldynamicalModifierItems”).dataTable({“aaData”:aaData,“fncreatedrow”:函数(nrow,adata,idataindex){alert(“Abhijit”)$(nrow).attr('id','tr'+adata[0]);},“aoColumns”:[{mDataProp:“ModifierItemCode”},{mDataProp:“ModifierItem”},{mDataProp:“Delete”}]});但在这里我没有得到我的警告。任何Reason@AbhijitPandya不客气:)您试用过
fnCreatedRow
吗?大写的C和R。JS变量区分大小写,datatables会触发一个fnCreatedRow
而不是fnCreatedRow
。我还没有尝试过这个,现在它工作了,我现在得到了警告,再次感谢。在上面相同的情况下,虽然fnCreatedRow,但我无法获取aData[0],我在这里得到了“未定义”。。
<table id="tblDynamicModifierItems" class="tblDynamicModifierItems table table-hover table-nomargin dataTable table-bordered dataTable-scroller dataTable-tools">
<thead>
<tr>
<th>ModifierItemCode</th>
<th>ModifierItem</th>
<th>Delete</th>
</tr>
</thead>
<tbody></tbody>
</table>
var oTable = $("#tblDynamicModifierItems").dataTable({
"aaData": aaData,
"aoColumns": [
{ mDataProp : "ModifierItemCode" },
{ mDataProp : "ModifierItem" },
{ mDataProp : "Delete" }
]
});
alert(aData.ModifierItemCode);