データテーブル

概要

Avonni データテーブルコンポーネントは、Salesforce Experience Cloud サイト上で表形式のデータを表示するための多用途で機能豊富なツールです。基本的なデータ一覧から、より複雑でインタラクティブなテーブルまで、さまざまなデータ表示ニーズに対応する広範なカスタマイズオプションを提供します。

チュートリアル

データテーブルを Salesforce データに接続する

データソース

データソースセクションは、Avonni データテーブルを Salesforce データに接続する場所です。オプションは2つあります。

データマッピングの構成

データマッピングセクションで列を定義およびカスタマイズすることで、データテーブルに生命を吹き込みます。

列の追加

• 「列を追加」ボタンをクリックして、データソースからテーブルに列として表示するフィールドを選択します。

• このセクションは、テーブルでどのデータが表示され、どのように整理されるかを決定します。

• 特定の列のすべてのプロパティにアクセスするには、その列をクリックしてください。

列プロパティの構成

• データ型： フィールドの表示タイプ（例：テキスト、数値、日付）を調整して、正しいデータ表現を確保します。

• リンク化： セル内のデータを他のレコードや URL にリンクさせて、迅速なナビゲーションを可能にします。

• セル属性： セルの配置やアイコンをカスタマイズして、より直感的で視覚的に魅力的なテーブルにします。

• 編集可能： 列をテーブル内で直接編集可能にするかどうかを決定します。

• フィルタ可能および検索可能： 効率的なデータ管理のために、列ごとにフィルタおよび検索機能を有効にします。

• 隠す： 特定の列を非表示にすることを選択できます。機密データや重要度の低いデータに便利です。

• 並べ替え可能： 指定された列でデータを並べ替えられるようにします。

• デフォルトアクションを非表示： よりすっきりした表示のために事前設定されたアクションを非表示にすることを選択します。

• テキストの折り返し： 狭い列での可読性を向上させるためにテキストの折り返しを有効にします。

• 列幅の設定： バランスのとれた整理されたレイアウトのために各列の幅を指定します。

行アクションの追加

データテーブルに行アクションを追加するためのガイド付きインタラクティブチュートリアルです。

その他の構成設定

基本設定

テーブルヘッダーを非表示

• このオプションを使用すると、よりクリーンでミニマルな見た目のためにテーブルヘッダーを削除できます。

チェックボックス列を非表示

• この設定を有効にすると、通常は複数操作のシナリオで行選択に使用されるチェックボックス列を非表示にできます。

行番号列を表示

• これを有効にすると、各行に番号を付ける列が表示され、データ参照が容易になります。

ヘッダーの構成

タイトルとキャプション

• ヘッダーにタイトルとキャプションをカスタマイズして、テーブルデータに関するコンテキストや要約情報を提供します。

アイコン名とサイズ

• ヘッダーを視覚的に強調するためにアイコンを追加し、その種類とサイズを選択します。

結合表示

• この設定は、ヘッダーがテーブル本体と視覚的に結合されるかどうかを決定し、全体のデザインに影響します。

ヘッダーアクション

• ヘッダーから直接アクセスできる（追加、削除、カスタム機能などの）アクションを構成します。

ヘッダーのアクションボタン

• ヘッダーに新しいレコードの追加、データのエクスポート、その他のカスタムアクションのためのアクションボタンを実装し、ユーザーの操作性と効率を向上させます。

ボタンの操作を構成する

ヘッダーのアクションボタンが押されたときの操作は「On Click」セクションで構成します。「Navigate」操作の動作を理解するには、 ここをクリック して詳細情報をご覧ください。

チュートリアル

ページネーション属性

• 1ページあたりのアイテム数やページネーションスタイルなど、ページネーション設定を構成して、大きなテーブルでのデータ表示とナビゲーションを管理します。

検索エンジンの構成

• プレースホルダー： 検索ボックスのテキストプレースホルダーを設定し、ユーザーに検索できる内容を案内します。

• 位置： アクセスしやすさを最適化するために、テーブルレイアウト内で検索ボックスの位置を選択します。

• デフォルト検索値： 読み込み時にテーブルデータをフィルタリングするための検索値を事前定義します。

設定