Javascript

DataTablesでページが切り替わっても、ソートやページャや検索結果を保持しておくようにしたい。

DataTablesで、ページを切り替えると、ソートや、ページャや、フィルタで絞り込んだ結果がリセットされてしまう。 これをなんとかしたい。 DataTablesには、ちゃんとそのための設定が用意されており、saveStateというオプションで、状態(ソートやページャなど)を保存することができる。 状態の保存先は、デフォルトだとlocalStorageに保存され、sessionStorageに保存 […]

DataTablesでウインドウの幅に応じてテーブルの幅を調節する。

DataTablesで、設定によっては、ウインドウの幅を変更した際に、テーブルの幅が自動的にリサイズされない場合がある。 そんな時は、styleをインラインで書けば、そのスタイルを一番優先してくれる作りになっている。 つまり、tableタグに直接、style="width:100%;"を書く。 [crayon-5d33edfa011c1004236840/] 参考リンク: Flexible tab […]

DataTablesでフィルタ後のテーブルの高さがおかしい。

DataTablesでフィルタをした際に、フィルタ後の件数が数件しかない場合、テーブルの高さは固定されたままなので、ちょっと変な表示になってしまう。 これに対するオプションは用意されていて、scrollCollapseをtrueに設定すれば、件数に応じてテーブルの高さもそれにフィットするように変わってくれる。 [crayon-5d33edfa015a6862478501/]

Highcharts.js(ハイチャート)でランキングのグラフのように軸が反転しているというか、maxとminが逆になっている軸のグラフを作成する。

とにかく、y軸の上が1位で、下が10位みたいなかんじで、上が小さい値で、下が大きい値となるような、軸をhighcharts.jsで作成したい。 yAxisのreversedにtrueを設定すればOK。 https://api.highcharts.com/highcharts/yAxis.reversed