Table 在 Office 中实现 UI Fabric React?
Table implementation in Office UI Fabric React?
我正在 office-ui-fabric-react 中寻找 Table 组件可以在我的 自定义 WebPart 中使用来显示来自 API 的一些数据并且可以很容易地 导出到 Excel sheet 如果用户想要这样做。
我在这里没有看到任何 table 实现,这对我来说很奇怪,因为根据我的理解,Office UI Fabric 有点像 "edit your website like you would edit in Microsoft Office" 而 Microsoft Office 有一个 table:
https://developer.microsoft.com/en-us/fabric#/controls/web
我找到了这个例子,它使用简单的 HTML 元素来创建一个 table,但是在观察了一段时间后,Fabric JS 与 Fabric React 不同,我们使用的是后者:
https://developer.microsoft.com/en-us/fabric-js/components/table/table
经过更多挖掘后,我实际上在 office-ui-fabric-react:
中发现了这个 Table
但是我无法像这样导入它:
import { Table } from "office-ui-fabric-react"
经过更多挖掘,我在同一个 Github 存储库中找到了这个示例站点:
它使用 Table,并像这样导入它:
import { Table } from '@uifabric/example-app-base/lib/index2';
然后我就可以安装这个 npm 包并从中使用 Table:
https://www.npmjs.com/package/@uifabric/example-app-base
但是上面有免责声明:"These components are primarily intended for use within the office-ui-fabric-react repo. Therefore, the APIs may be unstable."
所以我不确定这是否是解决此问题的最佳方法,而且我也没有看到任何 Excel 导出功能。
- 是否有满足我需要的组件?
- 我是否必须从头开始编写自己的代码,还是从我在 Github 上找到的 Table 代码开始?
看来还是有一个table
叫做DetailsList(笑):
https://developer.microsoft.com/en-us/fabric#/controls/web/detailslist
Excel 必须手动导出:
Export to Excel in Office UI Fabric
我正在 office-ui-fabric-react 中寻找 Table 组件可以在我的 自定义 WebPart 中使用来显示来自 API 的一些数据并且可以很容易地 导出到 Excel sheet 如果用户想要这样做。
我在这里没有看到任何 table 实现,这对我来说很奇怪,因为根据我的理解,Office UI Fabric 有点像 "edit your website like you would edit in Microsoft Office" 而 Microsoft Office 有一个 table:
https://developer.microsoft.com/en-us/fabric#/controls/web
我找到了这个例子,它使用简单的 HTML 元素来创建一个 table,但是在观察了一段时间后,Fabric JS 与 Fabric React 不同,我们使用的是后者:
https://developer.microsoft.com/en-us/fabric-js/components/table/table
经过更多挖掘后,我实际上在 office-ui-fabric-react:
中发现了这个 Table但是我无法像这样导入它:
import { Table } from "office-ui-fabric-react"
经过更多挖掘,我在同一个 Github 存储库中找到了这个示例站点:
它使用 Table,并像这样导入它:
import { Table } from '@uifabric/example-app-base/lib/index2';
然后我就可以安装这个 npm 包并从中使用 Table:
https://www.npmjs.com/package/@uifabric/example-app-base
但是上面有免责声明:"These components are primarily intended for use within the office-ui-fabric-react repo. Therefore, the APIs may be unstable."
所以我不确定这是否是解决此问题的最佳方法,而且我也没有看到任何 Excel 导出功能。
- 是否有满足我需要的组件?
- 我是否必须从头开始编写自己的代码,还是从我在 Github 上找到的 Table 代码开始?
看来还是有一个table
叫做DetailsList(笑):
https://developer.microsoft.com/en-us/fabric#/controls/web/detailslist
Excel 必须手动导出:
Export to Excel in Office UI Fabric