Multi Table
1つのページに複数の独立したテーブルを配置するデモです。height を省略しているため、各テーブルは行数に合った自然な高さで表示されます。
- 各テーブルは独立した
useSpreadSheetTableインスタンスを持つ ReactSpreadSheetTableProviderでラップすることで、テーブル間のクリップボード範囲 (マーチングアンツ) が排他制御されるheight省略で仮想スクロール無効、テーブル内部のスクロールなしautoWidthでテーブル幅をカラム幅の合計に合わせている- セル選択、ソート、フィルタは各テーブルで独立して動作する
- 両テーブルに同じ「優先度」(list) カラムを配置