aoColumnsプロパティを使用して、使用するマップを正確にマップします。
$('#databases').dataTable({
"bFilter": false,
"bSort" : false,
"bAutoWidth": false,
"bProcessing": true,
"bServerSide": true,
"sPaginationType": "full_numbers",
"sDom": 'frtlpi',
"sAjaxSource": searchUrl,
"fnServerData": function(sSource, aoData, fnCallback) {
$.getJSON(sSource, aoData, function(json) {
fnCallback(json);
});
},
"aoColumnDefs": [
{"sWidth": "100px", "bSortable": true, "aTargets": [0]},
{"sWidth": "100px", "bSortable": true, "aTargets": [1]},
{"sWidth": "100px", "bSortable": true, "aTargets": [2]},
{"sWidth": "100px", "bSortable": true, "aTargets": [3]}
],
"aoColumns": [
{
mDataProp: [0],
"sClass": "left"
},
{
mDataProp: [1],
"sClass": "left"
},
{
mDataProp: [2],
"sClass": "left"
},
{
mDataProp: [3],
"sClass": "left"
}
]
});
HTML:
<table id="databases">
<thead>
<tr>
<th>Header1</th>
<th>Header2</th>
<th>Header3</th>
<th>Header4</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
詳細についてhttp://legacy.datatables.net/usage/columns
ここを参照してください、私はこれを試してみました。しかし、私は "DataTablesの警告:追加されたデータが既知の列数と一致しません"と言っています。 – Yasitha
hi yasitha、答えが更新されました。 – mhshimul