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