const table = $("#tableId").DataTable({
columns: [
{
name: "link",
data: "data_id",
orderable: false,
render: function(data, type, row, meta) {
return '<a href="/{{request.blueprint}}/' + data + '/edit">Edit</a>';
}
},
{ name: "name", data: "name", title: "Name", },
{ name: "position", data: "position", title: "Position", },
{ name: "salary", data: "salary", title: "Salary", },
{ name: "start_date", data: "start_date", title: "Start date", },
{ name: "office", data: "office", title: "Office", },
{ name: "extn", data: "extn", title: "Extn", },
],
paging: true,
pageLength: 25,
lengthMenu: [10, 25, 50, { label: 'All', value: -1 }]
})
paging
false
の場合はすべてのデータがいっぺんに表示されるのでデータが多い場合は重くなってしまう。ただ、serverSide処理をしない限りは表示しようがしなかろうがすべてのデータを読み込むので重い場合はserverSideで処理すること。
pageLength
デフォルトは1ページあたり25データ。 -1
にすると全件表示になる。
lengthMenu
DataTablesの上部に表示される件数選択部分の設定。