例えば、以下のようなHTMLがあるとする。 [crayon-648108480e05a486453770/] で、以下のように、rowクラスを持つ要素が、favクラスを持っているかどうかを調べるとき。 [crayon-648108480e060591952598/] 結果は、trueがひとつでもあればtrueで、全部falseでfalseだった。
DataTablesで、ページを切り替えると、ソートや、ページャや、フィルタで絞り込んだ結果がリセットされてしまう。 これをなんとかしたい。 DataTablesには、ちゃんとそのための設定が用意されており、saveStateというオプションで、状態(ソートやページャなど)を保存することができる。 状態の保存先は、デフォルトだとlocalStorageに保存され、sessionStorageに保存 […]
DataTablesで、設定によっては、ウインドウの幅を変更した際に、テーブルの幅が自動的にリサイズされない場合がある。 そんな時は、styleをインラインで書けば、そのスタイルを一番優先してくれる作りになっている。 つまり、tableタグに直接、style="width:100%;"を書く。 [crayon-648108480e4e6642127864/] 参考リンク: Flexible tab […]
デフォルトのテーブル表示件数を設定するには、pageLengthプロパティを指定する。 表示件数を選択する、セレクトボックスの数値を変更したい場合は、lengthMenuに配列で指定してやればOK。 [crayon-648108480e644141402263/]
DataTablesでフィルタをした際に、フィルタ後の件数が数件しかない場合、テーブルの高さは固定されたままなので、ちょっと変な表示になってしまう。 これに対するオプションは用意されていて、scrollCollapseをtrueに設定すれば、件数に応じてテーブルの高さもそれにフィットするように変わってくれる。 [crayon-648108480e792872462512/]
HighChartsでポインタをチャート(のSeries)に重ねたときに、Seriesが少し太くなるのと、マーカーが表示される、hoverのアニメーションを無効にして非表示にしたい。 [crayon-648108480e8cb030782259/]
Highchartsでマーカーを非表示にしたい。チャートのプロットをあらわす点。 [crayon-648108480ea14063776301/]
Highchartsで、チャートを最初に表示する際の、デフォルトでついているアニメーションを無効にしたい。 以下のコードで、全てのSeriesに対してアニメーションを無効にできる。 [crayon-648108480eb50242182125/]
とにかく、y軸の上が1位で、下が10位みたいなかんじで、上が小さい値で、下が大きい値となるような、軸をhighcharts.jsで作成したい。 yAxisのreversedにtrueを設定すればOK。 https://api.highcharts.com/highcharts/yAxis.reversed