私の 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%" />