API からのデータを表示するためにカスタム WebPartで使用でき、ユーザーが必要に応じてExcel シートに簡単にエクスポートできる、 office-ui-fabric-reactのTableコンポーネントを探しています。
私の理解では、Office UI Fabric は「Microsoft Office で編集するように Web サイトを編集する」ようなもので、Microsoft Office にはテーブルがあります。
https://developer.microsoft.com/en-us/fabric#/controls/web
シンプルな HTML 要素を使用してテーブルを作成するこの例を見つけましたが、しばらく調べてみると、Fabric JS は Fabric React と同じではなく、後者を使用しています。
https://developer.microsoft.com/en-us/fabric-js/components/table/table
さらに掘り下げた後、office-ui-fabric-react で実際にこのテーブルを見つけました。
ただし、次のようにインポートできません。
import { Table } from "office-ui-fabric-react"
さらに掘り下げた後、同じ Github リポジトリでこのサンプル サイトを見つけました。
テーブルを使用し、次のようにインポートします。
import { Table } from '@uifabric/example-app-base/lib/index2';
次に、この npm パッケージをインストールして、そこから Table を使用することができました。
https://www.npmjs.com/package/@uifabric/example-app-base
ただし、免責事項があります。「これらのコンポーネントは、主に office-ui-fabric-react リポジトリ内での使用を目的としています。したがって、API が不安定になる可能性があります。」
したがって、これが最善の方法であるかどうかはわかりません。また、Excel エクスポート機能も表示されません。
- 私が必要とすることをするコンポーネントはありますか?
- ゼロから独自に作成する必要がありますか、それとも Github で見つけたテーブル コードから始める必要がありますか?