Skip to main content

カラムの可視性を重要度で整理

Pega Communityのロゴ

注: 次のコンテンツはPega Communityを参照したページで、モジュール内容の理解度を高める目的で含まれています。

テーブルの重要な情報が常に表示されるように、最優先する列を指定します。

列の幅や数、画面の解像度、設定によって、スペースを節約するために一部の列を非表示にできます。 テーブルの最も重要な列を常にユーザーに表示するように、列に優先順位を設定します。

一意の識別子として機能し、製品名やIDなどの重要な情報が含まれる列は、「Primary」に指定します。 一意の識別子ではないが、タスクを完了するのに必要なデータ(例、製品の価格など)を含む列は、「Secondary」に指定します。 製品の画像など、使いやすさに影響しないコンテキスト情報を含む列は、優先順位を「Other」に指定します。 インターフェイスには、優先順位をプライマリーやセカンダリに設定した列を常に表示し、モバイルデバイスなどの小さな画面ではそれほど重要でない列を非表示にできます。

はじめに: アプリケーションにテーブルを追加します。 詳細については、「Creating a table layout with code optimization」を参照してください。
  1. Dev Studioのナビゲーション パネルで「Case types」をクリックし、開きたいケースタイプをクリックします。

  2. ケースタイプのタブで、「Save and run」をクリックして新しいケースを実行します。

  3. 新しいケースタブで、編集するテーブルに移動します。

  4. Dev Studioのフッターで「Live UI」アイコンをクリックします。

    補足: 「Live UI」ツールがアクティブになります。 ユーザー インターフェイス コンポーネントをリアルタイムで確認できます。
  5. 編集するテーブルを含むレイアウトをクリックし、「Open in Dev Studio」アイコンをクリックします。

  6. 「Edit section」タブで編集する列の上の円をクリックし、「View properties」アイコンをクリックします。

  7. 「Column Properties」ウィンドウの「Importance」リストで、列の優先度を選択します。

    • 列を最優先にするには「Primary」を選択します。
    • 列を2番目に優先するには「Secondary」を選択します。
    • 列に最も低い優先度を割り当てるには「Other」を選択します。
  8. 「Submit」をクリックします。

  9. オプション:

    他の列に優先度を割り当てるには、手順68を繰り返します。

  10. 「Edit section」タブで、「Save」をクリックします。

  11. オプション:

    モバイルモードでテーブルをプレビューするには、「Previewing a portal」を参照してください。

関連コンテンツ

トレーニングを受講中に何か問題がありましたら、こちらをご覧ください: Pega Academy サポートのよくある質問 (FAQ).

このコンテンツは役に立ちましたか?

改善できるところはありますか?

We'd prefer it if you saw us at our best.

Pega Academy has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice