DataTables サンプル: data-* 属性での設定

DataTables は data-* 属性を使ってオプション設定を行うことができます。

主な設定の例

data-* 属性	項目	対象要素	例
data-ordering	並び替え	table	data-ordering="false" (並び替え無効)
data-order	並び替え初期状態	table	data-order="[[ 0, "asc" ]]" (1列目昇順)
data-searching	検索	table	data-searching="false" (検索無効)
data-display-length	件数	table	data-display-length="25" (25件)
data-length-menu	件数切り替え	table	data-display-length="[5, 10, 25, 50, 100]"
data-info	情報表示	table	data-info="false" (情報表示無効)
data-paging	ページング	table	data-paging="false" (ページング無効)
data-scroll-x	横スクロール	table	data-scroll-x="true" (横スクロール有効)
data-scroll-y	縦スクロール	table	data-scroll-y="300px" (縦スクロール 300px)
data-width	列幅	th, td	data-width="100px" (列幅 100px)
data-visible	列表示・非表示	th, td	data-visible="false" (非表示)
data-orderable	並び替え (列単位)	th, td	data-orderable="false" (並び替え無効)

サンプル

項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10
項目1	項目2	項目3	項目4	項目5	項目6	項目7	項目8	項目9	項目10