Skip to main content

1. はじめに

1.1 機能概要

YiDA Report 3.0のテーブルは、データを表示するだけでなく、動的ドリルダウン行番号などの機能を有効化できます。スタイルも柔軟に調整でき、強力なデータ可視化ツールです。

1.2 ユースケース

倉庫の商品名や在庫数量、生徒の試験成績などを表示するシナリオに適しています。

1.3 基本要件

テーブルの基本要件は次のとおりです。 注:エクスポートできるレコードは最大500,000件です。

2. 手順

2.1 コンポーネントを選択してデータセットを設定

データセットを追加します。

2.2 チャートに表示するフィールドを選択

右側のフィールドパネルで、対応するデータをテーブル列にドラッグします。 フィールドはデータセットから直接選択するか、数式で生成できます。数式の使い方について詳しくは、レポート数式を参照してください。 データを追加します。

2.3 スタイル設定

スタイル設定。

2.3.1 全体設定

テーブルサイズ:テーブル全体のサイズ。 テーブルスタイル:ボーダースタイル。枠線なし縞模様水平区切り線枠線から選択できます。 セルの結合:有効にすると、最初の列から順に、すべての列で重複値がなくなるまでセルが結合されます。同一データが分離されて結合されない事態を避けるため、結合前にデータフィールド設定パネルでデータを並び替えることをおすすめします。 ヘッダー固定:有効にすると、ヘッダーが常に表示されます(例:ユーザーにデータ権限がない場合でも表示されます)。 行列の入れ替え:有効にすると、行と列を入れ替えてデータが表示されます。その後、先頭行の背景を設定できます。このモードでは、動的ドリルダウンや行番号などの設定はサポートされません。 重複排除:有効にすると、重複データが自動的に削除されます。 セルの結合を有効化完了した後の表示効果。 列の固定:先頭からN列を自動的に固定します(Nは入力した数値)。

2.4 動的ドリルダウン

動的ドリルダウンは、ツリー構造データの展開向けに設計された特殊なドリルダウンモードです。通常のドリルダウンとは異なり、動的ドリルダウンでは各ノード配下の階層数が事前に不明です。 例:[財務本部]の配下に、第1階層の部門として[財務部1]と[財務部2]があります。財務部1には第2階層の子部門[部門1の子部門]がありますが、財務部2には第2階層の子部門がありません。この場合、動的ドリルダウンを使用して動的な展開を実現します(下図参照): 連絡先の部門。

2.4.1 データの準備

以下のフォーマットに従ってください。id、parentid、およびリーフノードかどうかの情報が必要です。
  • 部門1-1と1-2は部門1の子部門であるため、それらのparentidは部門1のidになります。idは固定値である必要があります。
  • ルートノード(最上位の部門)の場合は、rootと設定します。
  • リーフノード指標は、はいの場合は1、いいえの場合は0を使用します。

2.4.2 設定

ノードid:例:部門名。 親ノードid:例:親部門名。ルートノードの場合はrootに設定します。 リーフノード:リーフノードの場合は1、非リーフノードの場合は0。 ドリルダウンフィルター:ドリルダウンデータのデータ範囲。設定すると、ドリルダウンフィールドはこのフィルター範囲によって制御されます。設定しない場合は、データ権限によって制御されます。テーブルのフィルター条件と一致させ設定したノードidと親ノードidに関連するフィルター条件は削除することをおすすめします。
  • idとparentidが[部門名]と[親部門名]で、テーブルにフィルター条件[部門名] = 財務本部がある場合、ここでこのフィルターを設定する必要はありません。すでに[部門名]をidとして使用しているためです。
  • テーブル外にフィルター[部門名] = 財務本部 AND [勤続年数] > 10を設定している場合は、ここで[勤続年数] > 10を設定する必要があります。そうしないと、すべての勤続年数の従業員がカウントされます。
フィルター検索条件を設定します。 動的展開:有効にすると、複数のルートノードは折りたたまれたままになります。ルートノードが1つのみの場合は、その子ノードが自動的に展開されます。

2.5 ページネーション

ページネーション設定には、ページサイズページネーションスタイルページ番号数1ページあたりのレコード数ページ切り替えが含まれます。
  • ページ番号数:ページネータに表示されるページ番号の最大数。
  • 1ページあたりのレコード数:1ページに表示されるレコード数。
ページネータの設定。 設定後の表示効果。

2.6 行番号

有効にすると、最左端に行番号が表示されます。これは表示のみのスタイル設定です。データを並び替えるには、データフィールド設定パネルの並び替えオプションを使用してください。 行番号をオンにします。 列幅:行番号列の幅。 背景の角丸:背景色の角丸の半径。 設定後の表示効果。 スタイル:番号のテキスト色と背景色を設定します。順序はテーブル内の行番号の順序と一致します。

2.7 行と列の結合

同一データを持つセルを結合します。設定後の表示効果は下図のとおりです: 表示効果。 コード編集ページを開きます。 シンボルを削除します。

2.8 画像表示の設定

テーブルで画像を使用するには2つの方法があります:
  1. セルに直接セル画像背景を設定します。よくあるシナリオ(画像サイズの調整):画像の幅とcssheightを設定することで、画像サイズをカスタマイズできます。
  1. フォーム内の画像コンポーネントと組み合わせ、テーブル内で画像フィールドを選択することで自動表示が可能です(Report 2.0以降でサポート)。

3. 詳細情報

他のコンポーネントと比較して、テーブルコンポーネントにはフィールド選択機能が追加されています。詳しくはその他の設定を参照してください。