jQuery【概要】テーブルのOptionで個人的に覚えたほうが良いなと思ったプロパティについてつらつらと書きます。そのプロパティはiDisplayLengthとsDomです。【iDisplayLengthプロパティ】iDisplayLengthプロパティはテーブル内に表示するレコードの件数です。デフォルトでは10が設定されているので、10件を超えるデータの場合は2ページ目以降の表示となります。次に説明するsDomの設定によっては次ページ/前ページを表示させないこともできます。1ページに全て表示させたい場合は-1を設定します。【sDom】sDomはテーブル付近のDOMの構成を設定します。特定のアルファベットで特殊な要素の構成(後述します)となります。"<i>t<l>"DIV要素についてはネスとさせることができます。シングルクォーテーション/ダブルクォーテーションでくくることによりクラス名の指定、IDの指定(#つき)ができます。検索エリア、ページング部品などがあります。ページング部品(rもあるのですが用途がわからなかったです・・・)【おためし】iDisplayLengthとsDomを使って、テーブルを表示させて見ます。[HTMLソース]CSSの設定を少ししているだけで、特に何もしていません。</body></html>[JSONデータ]JSONデータは11件分を用意します。);iDisplayLengthには-1を指定しました。sDomはヘッダーエリアとフッターエリアに分けていて、ヘッダーエリアには一つ子要素のDIVが存在します。実際に生成されたDOMは↓のようになります。</div></div>[画面表示]ブラウザで表示すると↓のようになります。表示件数プルダウンなどがデフォルトで表示されていました。便利な機能ではありますが不要な時はsDomを使って表示させる項目の制御ができます。sDomを使えば普通の表としても表現することができます。その際、ページング機能をオフにした場合、iDisplayLengthの指定を忘れると10件までしか表示されないので注意が必要です。月別アーカイブはてなブログをはじめよう!gloryofさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。