var Jdata = [{"Store":480,"District":62,"Region":8,"Area":10,"City":"SPRINGFIELD","State":"TN","RiskClass":"RISK CLASS 2","AssignedDate":null,"AssignedBy":null,"AssignedConfig":null,"MatchCount":0,"MismatchCount":0,"ConfigModDate":null,"ConfigAppliedDate":null,"ConfigModBy":null},{"Store":590,"District":62,"Region":8,"Area":10,"City":"ASHLAND CITY","State":"TN","RiskClass":"RISK CLASS 0","AssignedDate":null,"AssignedBy":null,"AssignedConfig":null,"MatchCount":0,"MismatchCount":0,"ConfigModDate":null,"ConfigAppliedDate":null,"ConfigModBy":null}] var tableCatValue = $('#AjaxGrid').dataTable({ "bDestroy": true, "bFilter": true, "pageLength": 5, "bLengthChange": false, "data": Jdata, "columns": [ { data: null, render: function (data, type, row) { return '<div class=" messageName ">' + data.Store + '</div>'; }, width: '20%' }, { data: null, render: function (data, type, row) { return '<div class=" messageDesc">' + data.District + '</div>'; }, width: '53%' }, { data: null, render: function (data, type, row) { return '<div class=" messageName ct-ml-10">' + data.Region + '</div>'; }, width: '20%' }, { data: null, render: function (data, type, row) { return '<div class=" messageName ct-ml-10">' + data.Area + '</div>'; }, width: '20%' } ] });
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <table id="AjaxGrid"> <thead> \t <tr> \t \t <th> \t \t \t <b>Group</b> \t \t </th> \t \t <th> \t \t \t <b>Region</b> \t \t </th> \t \t <th> \t \t \t <b>District</b> \t \t </th> \t \t <th> \t \t \t <b>Store</b> \t \t </th> \t </tr> </thead> <tbody> </tbody> </table>
-1
A
回答
0
问题1:首先加载jquery
,然后加载dataTable
。
Problem2:您还没有包括dataTable.css(样式表)
var Jdata = [{"Store":480,"District":62,"Region":8,"Area":10,"City":"SPRINGFIELD","State":"TN","RiskClass":"RISK CLASS 2","AssignedDate":null,"AssignedBy":null,"AssignedConfig":null,"MatchCount":0,"MismatchCount":0,"ConfigModDate":null,"ConfigAppliedDate":null,"ConfigModBy":null},{"Store":590,"District":62,"Region":8,"Area":10,"City":"ASHLAND CITY","State":"TN","RiskClass":"RISK CLASS 0","AssignedDate":null,"AssignedBy":null,"AssignedConfig":null,"MatchCount":0,"MismatchCount":0,"ConfigModDate":null,"ConfigAppliedDate":null,"ConfigModBy":null}];
var tableCatValue = $('#AjaxGrid').dataTable({
"bDestroy": true,
"bFilter": true,
"pageLength": 5,
"bLengthChange": false,
"data": Jdata,
"columns": [
{ data: null, render: function (data, type, row) {
return '<div class=" messageName ">' + data.Store + '</div>';
}, width: '20%'
},
{ data: null, render: function (data, type, row) {
return '<div class=" messageDesc">' + data.District + '</div>';
}, width: '53%'
},
{ data: null, render: function (data, type, row) {
return '<div class=" messageName ct-ml-10">' + data.Region + '</div>';
}, width: '20%'
},
{ data: null, render: function (data, type, row) {
return '<div class=" messageName ct-ml-10">' + data.Area + '</div>';
}, width: '20%'
}
]
});
<link href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<table id="AjaxGrid">
<thead>
\t <tr>
\t \t <th>
\t \t \t <b>Group</b>
\t \t </th>
\t \t <th>
\t \t \t <b>Region</b>
\t \t </th>
\t \t <th>
\t \t \t <b>District</b>
\t \t </th>
\t \t <th>
\t \t \t <b>Store</b>
\t \t </th>
\t </tr>
</thead>
<tbody>
</tbody>
</table>
+0
谢谢你完美...! –
+0
@vasanthnaidu如果它解决了您的问题,请接受回答 –
+0
还有一件事,比如说如何提高绩效,因为我们拥有7000多条记录。 –
相关问题
- 1. Knockout Json数据绑定问题
- 2. 使用jQuery绑定JSON数据的DataTable从服务器
- 3. Json请求数据和jQuery的prettyphoto绑定问题
- 4. JSON数据jQuery dataTable在web2py
- 5. jQuery DataTable - 动态绑定复选框列与服务器数据
- 6. datatable绑定到datagridview的问题
- 7. jQuery绑定问题
- 8. UltraChart数据绑定问题
- 9. 行数据绑定问题
- 10. LongListSelector数据绑定问题
- 11. 数据集绑定问题
- 12. C#数据绑定问题
- 13. Flex数据绑定问题
- 14. listview数据绑定问题
- 15. 数据绑定问题
- 16. WPF数据绑定问题
- 17. Silverlight数据绑定问题
- 18. GridView数据绑定问题
- 19. 数据绑定问题
- 20. WPF数据绑定问题
- 21. JSF2数据绑定问题
- 22. 数据绑定问题
- 23. WPF - 数据绑定问题
- 24. WPF数据绑定问题
- 25. NSTextView“数据”绑定问题
- 26. WPF数据绑定问题
- 27. WPF数据绑定问题
- 28. WPF数据绑定问题
- 29. Silverlight数据绑定问题 - 不与POCO绑定 - Visifire
- 30. 与web服务jQuery DataTable和服务器端数据问题
具体是什么问题,问题吗?请花几分钟时间阅读[问] – charlietfl
数据未加载到表中。 –
而且您可能在浏览器控制台中出现错误...您看起来了吗? – charlietfl