table

react-tableのバージョン7をお探しですか？ここをクリック！

このライブラリを楽しんでいますか？

他のタンスタックライブラリをお試しください：

• タンスタッククエリ
• タンスタックテーブル
• タンスタックルーター
• タンスタック仮想
• タンスタックフォーム
• タンスタックレンジャー

ドキュメント、ガイド、APIなどについては、tanstack.com/tableにアクセスしてください！

アダプター名でもタンスタックテーブルを知っているかもしれません！

• 角度テーブル
• 点灯テーブル
• QWIKテーブル
• 反応テーブル
• ソリッドテーブル
• Svelteテーブル
• Vueテーブル

まとめ

Tanstackテーブルは、ヘッドレステーブルライブラリです。つまり、コンポーネント、マークアップ、またはスタイルで発送されません。これは、マークアップとスタイル（CSS、CSS-in-JS、UIコンポーネントライブラリなど）を完全に制御できることを意味します。これは、ポータブルな性質を与えるものでもあります。 React Nativeで使用することもできます！

マークアップと実装を完全に制御できる軽量テーブルが必要な場合は、ヘッドレステーブルライブラリであるTanstackテーブルの使用を検討する必要があります。

より多くのパワーがあるが、マークアップ/スタイル/実装に関するより多くの制約を備えたすぐに使用できるコンポーネントベースのテーブルが必要な場合は、OSSパートナーAGグリッドのコンポーネントベースのテーブルライブラリであるAg Gridを使用することを検討する必要があります。

TanstackテーブルとAGグリッドは、敬意を表して最高のテーブル/Datagridライブラリです。競合する代わりに、JS/TSエコシステム全体とすべてのユースケースで最高品質のテーブル/Datagridオプションが利用できるように協力しています。

クイック機能

• 不可知論のコア（JS/TS）
• React、Vue、Solidのための1番目のクラスフレームワークバインディング
• 〜15kb以下（ツリーシェーキング付き）
• 100％TypeScript（ただし必須ではありません）
• ヘッドレス（100％カスタマイズ可能、お持ちのようなUI）
• 箱から出して自動、オプトイン制御可能な状態
• フィルター（列とグローバル）
• ソート（マルチコラム、多方向）
• グループ化と集約
• ピボット（もうすぐ来る！）
• 行の選択
• 行の拡張
• 列の可視性/注文/ピンニング/サイズ変更
• テーブル分割
• アニメーション
• 仮想化可能
• サーバー側/外部データモデルのサポート

React Table V7からの移動

注目すべき変更

• ベースパッケージに含まれているタイプを使用して、タイプスクリプトに完全な書き換え
• 制御のより多くの反転を支持するためのプラグインシステムの削除
• 非常に大きく改善されたAPI（およびピンニングなどの新機能）
• よりよく管理された州管理
• サーバー側の操作のより良いサポート
• 完全な（ただしオプションの）データパイプライン制御
• 将来、反応、ソリッド、スベルト、vue、潜在的に潜在的に潜在的に潜在的に潜在的に、フレームワークアダプターを備えた不可知論のコア
• 新しい開発ツール

移行

かなりの量の壊れた変化があります（彼らはそれだけの価値があり、私たちを信頼してください！）：

• TypeScriptにより、コードがはるかに優れている/安全になっていることがわかりますが、通常はアーキテクチャの変更を破る必要があります。
• プラグインシステムが削除されたため、新しい機能APIをラップ/作成するには、プラグインを書き直す必要があります。助けが必要な場合はお問い合わせください！
• 列構成オプションは変更されましたが、わずかにしか変更されていません。
• テーブルオプションはほとんど同じであり、オプションの状態管理/制御とデータパイプライン制御に関するいくつかの大きな変更があります
• tableインスタンスは、spiritでV7に似ていますが、はるかに高速になるように再構成されています。

インストール

選択したフレームワークに基づいて、次のパッケージのいずれかをインストールします。

 # Npm
npm install @tanstack/angular-table
npm install @tanstack/lit-table
npm install @tanstack/qwik-table
npm install @tanstack/react-table
npm install @tanstack/solid-table
npm install @tanstack/svelte-table
npm install @tanstack/vue-table
npm install @tanstack/table-core # vanilla js that can work with any framework 

助ける方法は？

• すでに移行した例を試してみてください
• 自分のプロジェクトで試してみてください。
• タイプの内省！ドキュメントが終了しなくても、ライブラリには100％TypeScriptを搭載して、その機能を探るのに役立ちます。
• 貢献ガイドラインをお読みください
• いくつかのドキュメントを書いてください！ APIドキュメントから始めて、1つ以上の機能に関する情報を追加してみてください。このタイプは、サポートされているものとライブラリの機能を示すというまともな仕事をします。
• プラグインを使用しますか？ Tanstackテーブルを内部で使用する機能ラッパーとして、プラグイン（V8にはもうプラグインシステムがありません）を書き直してみてください。新しいAPIは、はるかに強力で構成が簡単です。把握できないものが見つかったら、お知らせください。APIに追加します。

スポンサーになります