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. jQuery绑定问题
- 4. WPF数据绑定问题
- 5. WPF数据绑定问题
- 6. WPF数据绑定问题
- 7. WPF数据绑定问题
- 8. 行数据绑定问题
- 9. WPF数据绑定问题
- 10. WPF数据绑定问题
- 11. LongListSelector数据绑定问题
- 12. Silverlight数据绑定问题
- 13. NSTextView“数据”绑定问题
- 14. Flex数据绑定问题
- 15. 数据绑定问题
- 16. UltraChart数据绑定问题
- 17. JSF2数据绑定问题
- 18. 数据集绑定问题
- 19. C#数据绑定问题
- 20. Silverlight数据绑定问题 - 不与POCO绑定 - Visifire
- 21. 问题与jQuery键绑定延迟iframes?
- 22. 网格数据绑定问题
- 23. 问题样式数据绑定WPF ComboBoxItem
- 24. C#Winforms DataTableAdapter数据绑定问题
- 25. 问题与jQuery数据
- 26. 数据绑定与Knockoutjs嵌套的JSON
- 27. Java与JSON玩复杂数据绑定
- 28. JQuery Datatable问题:数据插入后置中列数据
- 29. 问题JSON解析与jQuery
- 30. Jquery绑定复制问题
具体是什么问题,问题吗?请花几分钟时间阅读[问] – charlietfl
数据未加载到表中。 –
而且您可能在浏览器控制台中出现错误...您看起来了吗? – charlietfl