我的DataTable几乎完全从服务器端加载,我希望在服务器上尽可能多地处理减少工作量在客户端上。
通过格式化我的意思是更改颜色,大小,字体,字体粗细,添加图标和html标签......例如,当需要以特定方式突出显示行或几个单元格时。
我正在考虑使用render
参数,但我找不到用JSON设置它的方法:
render: $.fn.dataTable.render.number( ',', '.', 0, '$' ) }
示例也可以是以下代码段,但它不能在客户端和服务器之间提供足够的分离:
{
"doc": "<strong>546546545<strong>",
"nothing": 0.0,
"order": "<div class="shipped">98745</div>"
}
虽然我能够找到有关如何从服务器获取数据的资源,但我无法找到有关如何将格式数据作为json
的一部分传递的信息。
有没有办法在我当前的DataTable格式中粘贴格式选项以使其也达到最佳状态?需要做哪些改动?
http://jsfiddle.net/ebRXw/1004/
JSON:
{
"columns": [
{
"data": "doc",
"title": "Doc."
},
{
"data": "order",
"title": "Order no."
},
{
"data": "nothing",
"title": "Nothing"
}
],
"data": [
{
"doc": "564251422",
"nothing": 0.0,
"order": "56421"
},
{
"doc": "546546545",
"nothing": 0.0,
"order": "98745"
}
]
}
JS:
this.table = $('#example').DataTable({
data: json.rows,
columns: json.columns,
select: true,
responsive: true,
rowReorder: true,
colReorder: true,
scrollY: 680,
deferRender: true,
scroller: true
});
HTML:
<table id="example" cellspacing="0" width="100%" />