1

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 で実際にこのテーブルを見つけました。

https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/components/Table/Table.tsx

ただし、次のようにインポートできません。

import { Table } from "office-ui-fabric-react"

さらに掘り下げた後、同じ Github リポジトリでこのサンプル サイトを見つけました。

https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx

テーブルを使用し、次のようにインポートします。

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 エクスポート機能も表示されません。

  1. 私が必要とすることをするコンポーネントはありますか?
  2. ゼロから独自に作成する必要がありますか、それとも Github で見つけたテーブル コードから始める必要がありますか?
4

1 に答える 1