title: Table implementation in Office UI Fabric React?
body: <p>I am looking for a <strong>Table</strong> component in <strong>office-ui-fabric-react</strong> that I could use in my <strong>custom WebPart</strong> to display some data coming from an API and that could easily be <strong>exported to an Excel sheet</strong> if the user wants to do that.</p>
  
  <p>I don't see any table implementation here, which is strange to me because from my understanding Office UI Fabric is kind of like "edit your website like you would edit in Microsoft Office" and Microsoft Office has a table:</p>
  
  <p><a href="https://developer.microsoft.com/en-us/fabric#/controls/web" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/fabric#/controls/web</a></p>
  
  <p>I have found this example, which uses simple HTML elements to create a table, however after looking around for a while Fabric JS is not the same as Fabric React and we are using the latter:</p>
  
  <p><a href="https://developer.microsoft.com/en-us/fabric-js/components/table/table" rel="nofollow noreferrer">https://developer.microsoft.com/en-us/fabric-js/components/table/table</a></p>
  
  <p>After some more digging I actually found this Table in office-ui-fabric-react:</p>
  
  <p><a href="https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/components/Table/Table.tsx" rel="nofollow noreferrer">https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/components/Table/Table.tsx</a></p>
  
  <p>However I'm unable to import it like this:</p>
  
  <p><code>import { Table } from "office-ui-fabric-react"</code></p>
  
  <p>After some more digging, I found this example site in the same Github repo:</p>
  
  <p><a href="https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx" rel="nofollow noreferrer">https://github.com/OfficeDev/office-ui-fabric-react/blob/master/apps/fabric-website/src/pages/Styles/TypographyPage/TypographyPage.tsx</a></p>
  
  <p>Which uses the Table, and imports it like this:</p>
  
  <p><code>import { Table } from '@uifabric/example-app-base/lib/index2';</code></p>
  
  <p>Then I was able to install this npm package and use Table from it:</p>
  
  <p><a href="https://www.npmjs.com/package/@uifabric/example-app-base" rel="nofollow noreferrer">https://www.npmjs.com/package/@uifabric/example-app-base</a></p>
  
  <p>However there is a disclaimer on it: "These components are primarily intended for use within the office-ui-fabric-react repo. Therefore, the APIs may be unstable."</p>
  
  <p>So I'm not sure if this is the best way to go about this and I also don't see any Excel export functionality.</p>
  
  <ol>
  <li>Is there a component out there that does what I need?</li>
  <li>Will I have to write my own from scratch or starting from the Table code I found on Github?</li>
  </ol>