データテーブルDataTable
Experimental

列定義、絞り込み、ページ送りを組み合わせて行データを表示するテーブルです。

1 - 10 / 全18件

1 / 2

状態とバリエーション

セル内では Badge や Button などの GunjoUI コンポーネントを組み合わせられます。

1 - 10 / 全18件

1 / 2

データがない場合は、テーブル内に空状態の行を表示します。

0 - 0 / 全0件

1 / 1


該当する結果がありません。

1 / 1

一覧が短い場合や外部フィルターを使う場合は、テーブル内の検索入力を非表示にします。

1 - 10 / 全10件

1 / 1

1 / 1

表は横にスクロールできます

プロパティ	型	初期値	説明
columns	ColumnDef<TData, TValue>[]	-	行データをどう表示するかを定義する列設定です。
data	TData[]	-	テーブルに表示する行データです。
filter	{ columnId: string; placeholder?: string } \| null	undefined	指定した列を絞り込む入力欄を表示します。null で非表示にします。
pageSize	number	10	1ページに表示する行数です。
pageSizeOptions	number[]	[10, 25, 50, 100, 200]	ページネーションで選べる表示件数です。
labels	DataTableLabels	-	検索、空状態、並び替え、ページネーションの文言を差し替えます。
className	string	-	ラッパーに追加するクラスです。