ビジュアリゼーション: テーブル

true に設定すると、HTML タグを含むセルの書式設定された値は HTML としてレンダリングされます。false に設定すると、ほとんどのカスタム フォーマッタが適切に機能しなくなります。

交互のカラースタイルを奇数行と偶数行に割り当てるかどうかを決定します。

各プロパティ名にテーブル要素を記述するオブジェクトで、プロパティ値は文字列で、そのテーブル要素に割り当てるクラスを定義します。このプロパティを使用して、テーブルの特定の要素にカスタム CSS を割り当てます。このプロパティを使用するには、オブジェクトを割り当てます。ここで、プロパティ名はテーブル要素を指定し、プロパティ値は文字列で、その要素に割り当てるクラス名を指定します。次に、ページ上のそのクラスの CSS スタイルを定義する必要があります。次のプロパティ名がサポートされています。

• headerRow - テーブルのヘッダー行（<tr> 要素）にクラス名を割り当てます。
• tableRow - クラス名をヘッダー以外の行（<tr> 要素）に割り当てます。
• oddTableRow - 奇数テーブルの行（<tr> 要素）にクラス名を割り当てます。注: altnatingRowStyle オプションを true に設定する必要があります。
• selectedTableRow - 選択したテーブルの行（<tr> 要素）にクラス名を割り当てます。
• hoverTableRow - カーソルを合わせたテーブルの行（<tr> 要素）にクラス名を割り当てます。
• headerCell - ヘッダー行（<td> 要素）内のすべてのセルにクラス名を割り当てます。
• tableCell - ヘッダー以外のすべてのテーブルセル（<td> 要素）にクラス名を割り当てます。
• rowNumberCell - 行番号列（<td> 要素）のセルにクラス名を割り当てます。注: showRowNumber オプションは true に設定する必要があります。

例: var cssClassNames = {headerRow: 'bigAndBoldClass',
hoverTableRow: 'highlightClass'};

注: CSS では、一部の要素が他の要素よりも優先されます。たとえば、<tr> 要素と <td> 要素に背景色を指定した場合は、後者が優先されます。競合を避けるため、関連するすべての CSS スタイルを cssClassNames に指定してください。

dataTable の最初の行の行番号。showRowNumber が true の場合にのみ使用されます。

固定する左端の列の数。これらの列は、残りの列を横方向にスクロールしてもそのまま残ります。showRowNumber が false の場合、frozenColumns を 0 に設定すると、null に設定した場合と同じように見えますが、showRowNumber が true に設定されている場合、行番号列は固定されます。

ビジュアリゼーションのコンテナ要素の高さを設定します。標準の HTML 単位（100px、80em、60 など）を使用できます。単位を指定しない場合、ピクセル数とみなされます。指定しない場合、ブラウザはプロセスに合わせて可能な限り高さを自動的に調整し、その過程でできるだけ小さくなります。必要な高さよりも小さい値が設定されている場合、テーブルには垂直スクロールバーが追加されます（ヘッダー行も固定されます）。「100%」に設定すると、テーブルはコンテナ要素に可能な限り拡大されます。

データのページ分けを有効にするかどうか、また有効にする方法。次のいずれかの文字列値を選択します。

• -enable - この表には、ページ進むボタンとページ戻るボタンが含まれます。これらのボタンをクリックすると、ページング処理が行われ、表示されるページが変更されます。pageSize オプションも設定することをおすすめします。
• 'event' - 表にはページ進むボタンとページ戻るボタンが含まれますが、クリックすると「ページ」イベントがトリガーされ、表示されるページは変更されません。このオプションは、コードに独自のページ回転ロジックを実装する場合に使用します。ページング イベントを手動で処理する方法の例については、TableQueryWrapper の例をご覧ください。
• 'disable' - [デフォルト] ページングはサポートされていません。
型: string
デフォルト: 「disable」

ページ オプションを使用してページ設定を有効にした場合の、各ページの行数。

ページング ボタンに指定したオプションを設定します。以下のオプションがあります。

• '両方' - [前へ] ボタンと [次へ] ボタンを有効にする
• 「prev」 - 「前へ」ボタンのみが有効になっています
• 「next」 - [Next] ボタンのみが有効
• 「auto」 - 現在のページに応じてボタンが有効になります。最初のページには次のページのみが表示されます。最後のページでは、前のページのみが表示されます。それ以外の場合は、両方とも有効になります。
• number - 表示するページング ボタンの数。この明示的な数値は、pageSize から計算された数値よりも優先されます。

表の列の順序を逆にして、右から左に記述する言語（アラビア語やヘブライ語など）の基本的なサポートを追加します。これにより、列 0 が右端の列、最後の列が左端の列となります。これは元のデータの列インデックスには影響しません。表示の順序のみが影響を受けます。このオプションを使用しても、テーブルの可視化では完全な双方向（BiDi）言語の表示はサポートされません。ページングを有効にした場合（ページ オプションを使用する場合）や、必要なテーブルサイズより小さい高さと幅を指定したためテーブルにスクロールバーがある場合、このオプションは無視されます。

width プロパティが設定されているため、テーブルに水平スクロール バーがある場合、水平スクロール位置をピクセル単位で設定します。このテーブルでは、一番左の列よりも左にあるピクセル数だけ、スクロールされて開きます。

true に設定すると、行番号がテーブルの最初の列として表示されます。

ユーザーが列の見出しをクリックしたときに列を並べ替える方法と方法。並べ替えが有効になっている場合は、sortAscending プロパティと sortColumn プロパティの設定も検討してください。次のいずれかの文字列値を選択します。

• 'enable' - [デフォルト] ユーザーは列ヘッダーをクリックして、クリックされた列を基準に並べ替えることができます。ユーザーが列ヘッダーをクリックすると、行が自動的に並べ替えられ、「並べ替え」イベントがトリガーされます。
• 「event」 - ユーザーが列ヘッダーをクリックすると、「sort」イベントがトリガーされますが、行が自動的に並べ替えられることはありません。このオプションは、ページに独自の並べ替えを実装する場合に使用します。並べ替えイベントを手動で処理する方法の例については、TableQueryWrapper の例をご覧ください。
• [無効] - 列のヘッダーをクリックしても影響はありません。

最初の並べ替え列の並べ替え順序。昇順の場合は true、降順の場合は false です。sortColumn が指定されていない場合は無視されます。

データテーブル内の列のインデックス。テーブルが最初に並べ替えられます。並べ替え順序を示す小さな矢印が列にマークされます。

表示する最初のテーブルページ。page がモードの有効化/イベントである場合にのみ使用されます。

ビジュアリゼーションのコンテナ要素の幅を設定します。標準の HTML 単位（100px、80em、60 など）を使用できます。単位を指定しない場合、ピクセル数とみなされます。指定しない場合、ブラウザはテーブルに合わせて幅を自動的に調整し、プロセスで可能な限り小さくします。必要な幅よりも小さい値を設定すると、テーブルには水平方向のスクロールバーが追加されます。「100%」に設定すると、テーブルはコンテナ要素に可能な限り拡大されます。

テーブルを描画します。

標準の getSelection 実装。選択要素はすべて行要素です。複数の選択した行を返すことができます。選択オブジェクトの行インデックスは、ユーザーの操作（並べ替え、ページ分けなど）に関係なく、元のデータテーブルを参照します。

選択は切り替わります。セルを初めてクリックすると、そのセルが選択されます。セルを再度クリックすると、選択が解除され、選択イベントが発生しますが、取得した選択オブジェクト内に選択されたアイテムはありません。

このメソッドは、並べ替えられたテーブルの現在の並べ替え状態に関する情報を取得します（通常は、ユーザーが列見出しをクリックして特定の列で並べ替えるためです）。並べ替えを無効にしている場合、この方法は機能しません。

コード内でデータを並べ替えていない場合や、ユーザーがコードを選択してデータを並べ替えていない場合は、デフォルトの並べ替え値が返されます。

• column - （数値）テーブルの並べ替えの基準となるインデックス。
• ascending - （ブール値）並べ替えが昇順の場合は true、降順の場合は false です。
• sortedIndexes - （数値配列）配列の配列のインデックス（表示テーブル内の並べ替えられた行番号）。値は基になる（並べ替えられていない）データテーブル内のその行のインデックスです。

標準の setSelection() 実装。行全体または複数行のみを選択できます。選択オブジェクトの行インデックスは、ユーザーの操作（並べ替え、ページ分けなど）に関係なく、元のデータテーブルを参照します。

グラフをクリアし、割り当てられているすべてのリソースを解放します。

標準の選択イベントですが、選択できるのは行全体のみです。

ユーザーがページ ナビゲーション ボタンをクリックしたときにトリガーされます。

ユーザーが列ヘッダーをクリックし、並べ替えオプションが「無効」以外の場合にトリガーされます。

• column - （数値）テーブルの並べ替えの基準となるインデックス。
• ascending - （ブール値）並べ替えが昇順の場合は true、降順の場合は false です。
• sortedIndexes - （数値配列）配列の配列のインデックス（表示テーブル内の並べ替えられた行番号）。値は、基となる（並べ替えられていない）データテーブル内のその行のインデックスです。

外部メソッド呼び出しのグラフの準備が完了しました。グラフを操作し、描画後にメソッドを呼び出す場合は、描画メソッドを呼び出す前にこのイベント用のリスナーを設定して、イベントが発生した後にのみ呼び出す必要があります。