Реализация таблиц в Office UI Fabri c React? - PullRequest
Новая
       110

Реализация таблиц в Office UI Fabri c React?

0 голосов
/ 25 февраля 2020

Я ищу компонент Table в office-ui-fabri c -react , который я мог бы использовать в своей пользовательской WebPart для отображения некоторых данные, поступающие из API, которые можно легко экспортировать в лист Excel , если пользователь захочет это сделать.

Я не вижу здесь никакой реализации таблицы, что странно для меня потому что, насколько я понимаю, пользовательский интерфейс Office Fabri c напоминает «редактировать свой веб-сайт, как если бы вы редактировали в Microsoft Office», а в Microsoft Office есть таблица:

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

Я нашел этот пример, в котором для создания таблицы используются простые элементы HTML, однако после некоторого осмотра Fabri c JS не совпадает с Fabri c React и мы используем последнее:

https://developer.microsoft.com/en-us/fabric-js/components/table/table

После еще нескольких копаний я действительно нашел эту таблицу в office-ui-fabri c -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 и использовать из него таблицу:

https://www.npmjs.com/package/@uifabric / example-app-base

Однако на нем есть заявление об отказе: «Эти компоненты в основном предназначены для использования в репозитории office-ui-fabri c. Поэтому API могут быть нестабильными. "

Поэтому я не уверен, является ли это лучшим способом go, и я также не вижу никаких функций экспорта в Excel.

  1. Есть ли какой-нибудь компонент, который делает то, что мне нужно?
  2. Придется ли мне писать свой собственный код с нуля или начиная с кода таблицы, который я нашел на Github?

1 Ответ

1 голос
/ 26 февраля 2020

Похоже, что в конце концов есть таблица.

Она называется DetailsList (смеется):

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

Экспорт в Excel должен быть выполнен вручную:

Экспорт в Excel в пользовательском интерфейсе Office Fabri c

...