テーブル(antd-designコンポーネントライブラリ)が使いやすい

1.表形式

行と列のデータを表示します。

2.いつ使用するか

表示する構造化データが大量にある場合。

·データの並べ替え、検索、ページネーション、カスタム操作などの複雑な動作が必要な場合。

コンポーネント コードは次から取得されます: Table Table - Ant Design

3.現地検証前の準備

記事 [react project + antdComponent-demo:hello-world React project + antd component-demo:hello-world_Western Jin の no1 ブログ - CSDN ブログ] を参照し、ローカルで使用する必要があるコードをTable - Antの形式でコピーします。設計App2.jsのすべてのコードをカバーし、コードを開始して現象を確認し、ローカルでコードを変更します。

4.ローカル検証テーブルの簡単な使用法。

Table の簡単な使い方を理解するには、次の図に示すコードをコピーします。

この記事ではCollapseコンポーネントの一部のみを紹介していますので、詳しくは公式ドキュメント「Form Table - Ant Design」を参照してください。

おすすめ

転載: blog.csdn.net/xijinno1/article/details/131504644