您的位置:首页 > 产品设计 > UI/UE

DataTables warning (table id = 'myTable'): Requested unknown parameter '0' from the data source for row 0

2014-03-24 16:43 453 查看
第一种方式:不用在js里设置列
Html:

<table id="myTable">
<thead>
<tr>
<th>Title-1</th>
<th>Title-2</th>
<th>Title-3</th>
<th>Title-4</th>
<th>Title-5</th>
<th>Title-6</th>
<th>Title-7</th>
<th>Title-8</th>
<th>Title-9</th>
<th>Title-10</th>
<th>Title-11</th>
<th>Title-12</th>
......
</tr>
</thead>
<tbody></tbody>
</table>


Javascript:

<script type="text/javascript">
$(function () {
$('#myTable').dataTable({
"bServerSide": true,
"sAjaxSource": "/Home/TodaySO",
"bPaginage": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 5,
"oLanguage": { "sUrl": "/Scripts/DataTable/dataTable_cn.txt" }//多语言配置

      //注意这里没有配置列的信息!

});//end table
});//end ready()
</script>


Controller:

var result = from f in filteredData.OrderBy(o => o.SalesOrder)
.Skip(param.iDisplayStart)
.Take(param.iDisplayLength)
.ToList()
select new[]{
f.Field-1,
f.Field-2,
f.Field-3,
f.Field-4,
f.Field-5,
f.Field-6,
f.Field-7,
f.Field-8,
f.Field-9,
f.Field-10,
f.Field-11,
f.Field-12
              ......
};


---------------FireBug------------

数组格式:

{"sEcho":"1","iTotalRecords":2210,"iTotalDisplayRecords":2210,
"aaData":[
["3004582952","10  "],
["3004582952","100 "],
["3004582952","20  "],
["3004582952","30  "],
["3004582952","40  "]
]
}


第二种方式:要在js里设置列
Html:

 <table id="myTable">
<thead>
<tr>
<th>Title-1</th>
<th>Title-2</th>
<th>Title-3</th>
<th>Title-4</th>
<th>Title-5</th>
<th>Title-6</th>
<th>Title-7</th>
<th>Title-8</th>
<th>Title-9</th>
<th>Title-10</th>
<th>Title-11</th>
<th>Title-12</th>
......
</tr>
</thead>
<tbody></tbody>
</table>


Javascript:

<script type="text/javascript">
$(function () {
$('#myTable').dataTable({
"bServerSide": true,
"sAjaxSource": "/Home/TodaySO",
"bPaginage": true,
"sPaginationType": "full_numbers",
"iDisplayLength": 5,
"oLanguage": { "sUrl": "/Scripts/DataTable/dataTable_cn.txt" },//多语言配置
"aoColumns": [
{ "mData": "Field-1" },
{ "mData": "Field-2" },
{ "mData": "Field-3" },
{ "mData": "Field-4" } ,
{ "mData": "Field-5" } ,
{ "mData": "Field-6" } ,
{ "mData": "Field-7" } ,
{ "mData": "Field-8" } ,
{ "mData": "Field-9" } ,
{ "mData": "Field-10" } ,
{ "mData": "Field-11" } ,
{ "mData": "Field-12" }
......
]
});//end table
});//end ready()
</script>


Controller:

var result = from f in filteredData
.OrderBy(o => o.SalesOrder)
.Skip(param.iDisplayStart)
.Take(param.iDisplayLength)
select f;


---------------FireBug------------

Javascript对象格式:

{
"sEcho":"1",
"iTotalRecords":2210,
"iTotalDisplayRecords":2210,
"aaData":[
{"SalesOrder":"3004582952","SalesOrderItem":"10  ","CustomerPO":"SEG131800",...},
{"SalesOrder":"3004582952","SalesOrderItem":"100 ","CustomerPO":"SEG131801",...},
{"SalesOrder":"3004582952","SalesOrderItem":"20  ","CustomerPO":"SEG131802",...},
{"SalesOrder":"3004582952","SalesOrderItem":"30  ","CustomerPO":"SEG131803",...},
{"SalesOrder":"3004582952","SalesOrderItem":"40  ","CustomerPO":"SEG131804",...}
]
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐