Angular DataTablesで初期表示で特定の列をソートしたいとき
今回はAngular DataTablesを使っているときに、初期表示の際に特定のテーブルの特定の列をソートした状態で表示したい場合にどのようにすれば良いのかについてご紹介いたします。
Angular DataTablesで初期表示で特定の列をソートしたいとき
例えば、Angular DataTablesを作ったテーブルの中に、「コード」「名称」「作成日付」「更新日付」の4つの列があったとしましょう。
この中で、例えば「コード」の列が昇順の状態で初期表示させたいとします。
その場合は、JSファイルのdtOptionsの定義に次のようなorderを追加しましょう。
|
1 2 3 4 |
dtOptions: DataTables.Settings = { order: [0, 'asc'], // ... 省略 } |
これで「コード」が昇順の状態で初期表示されるはずです。
反対に「名称」など他の列を昇順の状態で初期表示させたいときはorderは[1, 'asc’]といった値になります。
Angular DataTablesはAngularとjQueryで作られたDataTablesが組み合わさったものですが、次のリファレンスが参考になるはずです。
https://datatables.net/reference/option/order
終わりに
今回はAngular DataTablesを使っているときに、初期表示の際に特定のテーブルの特定の列をソートした状態で表示したい場合にどのようにすれば良いのかについてご紹介いたしました。