「表」カテゴリーアーカイブ

表（テーブル）に関する JavaScript のカテゴリ。JavaScript は、HTMLやCSSと組み合わせることで、表（テーブル）のコントロールも自由自在。

jQuery の tableHover で作る、クリックでハイライト表示する表

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインを使い、表（table）のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させ、セルをクリックすると、そのセルと、そのセルが属する行と列をハイライト表示させる方法。クリックでハイライト表示させるには、「clickClass」オプションを使う。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery の tableHover で作る、セルと行と列をハイライト表示する表

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインを使い、表（table）のセルにカーソルを合わせると、そのセルと、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。セルと、そのセルが属する行と列を、ハイライト表示させるには、「colClass」オプションと「cellClass」オプションを使う。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery の tableHover で作る、行と列を違う色でハイライト表示する表

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインを使い、表（table）のセルにカーソルを合わせると、そのセルが属する行と列を、それぞれ異なる色でハイライト表示させる方法。異なる色でハイライト表示させるには、「rowClass」オプションと「colClass」オプションに、異なるクラス名を指定する。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery の tableHover プラグインで作る行と列をハイライト表示する表

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインを使い、表（table）のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させる方法。表（table）のセルにカーソルを合わせると、そのセルが属する行と列をハイライト表示させるには、「colClass」オプションを使う。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery の tableHover プラグインで作る行をハイライト表示する表

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインを使い、表（table）のセルにカーソルを合わせると、そのセルが属する行をハイライト表示させる方法。行をハイライト表示させるだけであれば、とくにオプションは必要ない。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery tableHover plugin

投稿日: 2011年8月8日作成者: alphasis

jQuery の tableHover プラグインの導入方法やオプションなどについて。続きを読む →

カテゴリー: JavaScript, jQuery, tableHover, プラグイン, 表 | コメントを受け付けていません

jQuery の tablesorter において並べ変えた列の見出し背景色を変更

投稿日: 2011年7月27日作成者: alphasis

jQuery の tablesorter プラグインを使った、列の値を基準に、項目を並べ替えられる表（テーブル）において、並べ変え基準にした列の見出しの背景色を変更する方法。昇順、降順、別々に異なる色を指定する。続きを読む →

カテゴリー: JavaScript, jQuery, tablesorter, プラグイン, 表 | コメントを受け付けていません

tablesorter と Pager プラグインで表の内容を複数ページに分ける

投稿日: 2011年7月27日作成者: alphasis

jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表（テーブル）において、表（テーブル）の内容を複数ページに分けて表示する方法。複数ページに分けるには、「Pager」プラグインを併用する。続きを読む →

カテゴリー: JavaScript, jQuery, tablesorter, プラグイン, 表 | コメントを受け付けていません

tablesorter の sortForce オプションで優先並べ替え基準の列を指定

投稿日: 2011年7月27日作成者: alphasis

jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表（テーブル）において、強制的に優先並べ替え基準にする列を指定する方法。強制的に優先並べ替え基準にする列を指定するには、「sortForce」オプションを使う。続きを読む →

カテゴリー: JavaScript, jQuery, tablesorter, プラグイン, 表 | コメントを受け付けていません

tablesorter の widgets オプションで奇数行と偶数行を色分けした表

投稿日: 2011年7月27日作成者: alphasis

jQuery の tablesorter プラグインの「blue」テーマを使った、列の値を基準に、項目を並べ替えられる表（テーブル）において、奇数行と偶数行の背景色を色分けする方法。表の背景色を1行おきに色分けするには、「widgets」オプションを使う。続きを読む →

カテゴリー: JavaScript, jQuery, tablesorter, プラグイン, 表 | コメントを受け付けていません

2 / 3«123 »