sharepoint - Office UI Fabric React 中的表实现？

Question

我正在office-ui-fabric-react中寻找一个Table组件，我可以在我的自定义 WebPart中使用它来显示来自 API 的一些数据，并且如果用户想要这样做，它可以很容易地导出到 Excel 工作表中。

我在这里看不到任何表格实现，这对我来说很奇怪，因为据我了解，Office UI Fabric 有点像“像在 Microsoft Office 中编辑一样编辑您的网站”，而 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 上找到的表格代码开始？

标签： sharepointspfxoffice-ui-fabricoffice-ui-fabric-react

Answer 1

看起来毕竟有一张桌子。

它被称为DetailsList（大声笑）：

https://developer.microsoft.com/en-us/fabric#/controls/web/detailslist

Excel 导出必须手动完成：

在 Office UI Fabric 中导出到 Excel