ウィジェット > テーブル・リスト は、エブリサイトで kintone のレコードや各種データを一覧表示するためのウィジェットカテゴリです。

顧客一覧や案件一覧、商品一覧などの一覧画面から、レコード詳細表示、階層構造データの表示まで、さまざまな用途で利用できます。


この記事では、テーブル・リストカテゴリに含まれる各ウィジェットの概要や利用シーンを紹介します。



シンプルテーブル

公式ドキュメント:

https://docs.everysite.net/widget/table/simple_table.html


データを表形式で表示する最も基本的なテーブルウィジェットです。

kintone のレコードやデータを一覧表示する際によく利用されます。


活用例

  • 顧客一覧

  • 商品一覧

  • 問い合わせ一覧

  • 検索結果表示


サンプル


参考記事


https://support.gusuku.io/ja-JP/support/solutions/articles/36000585513

罫線・ヘッダーなしテーブル

公式ドキュメント:

https://docs.everysite.net/widget/table/bare_table.html


表形式でデータを表示しながら、罫線やヘッダーを表示しないシンプルなテーブルです。

テーブルらしさを抑えた自由なレイアウトを実現できます。


活用例

  • シンプルな情報表示

  • アイコン付きメニュー一覧

  • カード風レイアウト

  • ダッシュボード画面


サンプル


参考記事



垂直2列テーブル

公式ドキュメント:

https://docs.everysite.net/widget/table/property_table.html


項目名と値を縦方向に並べて表示するテーブルです。

一覧表示というより、kintone のレコードの詳細表示などに適しています。


活用例

  • 会員情報表示

  • 商品詳細表示

  • レコードの詳細表示

  • マイページ


サンプル


参考記事



編集テーブル

公式ドキュメント:

https://docs.everysite.net/widget/table/editable_table.html


テーブル上でデータの編集を行えるウィジェットです。

一覧表示と入力・編集を同時に行いたい場合に利用します。


活用例

  • 注文明細入力

  • 商品登録

  • 勤怠入力

  • チェックリスト


サンプル


参考記事



レコードスタック

公式ドキュメント:

https://docs.everysite.net/widget/table/record_stack.html


1レコードの情報をひとまとまりのブロックとして、表示カード形式で積み重ねて表示するウィジェットです。

テーブル形式よりも柔軟なレイアウトでデータを表示できます。


活用例

  • 商品一覧

  • お知らせ一覧

  • スマートフォン向け画面

  • 写真付きコンテンツ一覧


サンプル



参考記事



レコードツリー

公式ドキュメント:

https://docs.everysite.net/widget/table/record_tree.html


レコード間で階層構造を持つデータを、ツリー形式で表示するウィジェットです。

親子関係を持つレコードの分類を分かりやすく表示できます。


活用例

  • 組織図

  • 部門一覧

  • カテゴリ管理

  • 商品分類


サンプル


参考記事



まとめ

やりたいこと

おすすめウィジェット

レコードやデータを一覧表示したい

シンプルテーブル

シンプルなレイアウトで一覧表示したい

罫線・ヘッダーなしテーブル

詳細情報を見やすく2列で表示したい

垂直2列テーブル

一覧上で編集したい

編集テーブル

レコードをカード形式で表示したい

レコードスタック

レコードの階層構造を表示したい

レコードツリー



以上、テーブル・リストカテゴリのウィジェット別、利用用途のまとめでした。

エブリサイトのドキュメントページサポートページもぜひご活用ください。