小编nem*_*kin的帖子

Office UI Fabric React 中的表实现?

我正在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 上找到的表代码开始编写?

sharepoint office-ui-fabric spfx office-ui-fabric-react

2
推荐指数
1
解决办法
6915
查看次数