UI Kit 2 Table component doesn't work

Forge Forge UI Kit and Custom UI
,
1

I got the hell world code and change the front end index.jsx with code from below link to desplay as an APP on JIRA.
(https://developer.atlassian.com/platform/forge/ui-kit-2/all-uikprev-components/#table)

It is pretty straight forward but it doesn’t display the table on app, it just shows as if table is loading but nothing is shown.

Any help on this simple code please? Thanks

2

Here is my code in frontend/index.jsx.

import { Table, Head, Cell, Text, Row } from '@forge/react';
const issues = [
  {
    key: 'XEN-1',
    status: 'In Progress',
  },
  {
    key: 'XEN-2',
    status: 'To Do',
  },
];
const App = () => (
  <Table>
    <Head>
      <Cell>
        <Text>Issue Key</Text>
      </Cell>
      <Cell>
        <Text>Status</Text>
      </Cell>
    </Head>
    {issues.map(issue => (
      <Row>
        <Cell>
          <Text>{issue.key}</Text>
        </Cell>
        <Cell>
          <Text>{issue.status}</Text>
        </Cell>
      </Row>
    ))}
  </Table>
);
3

Hi @SudhirMenta ,
In the last version of UI Kit 2 (@forge/react version 10), Table does not exist anymore and was replaced by DynamicTable. See https://developer.atlassian.com/platform/forge/ui-kit/components/

2 Likes