How to use the @patternfly/react-table.classNames function in @patternfly/react-table

To help you get started, we’ve selected a few @patternfly/react-table examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github syndesisio / syndesis / app / ui-react / packages / ui / src / Data / Virtualizations / Details / VirtualizationDetailHistoryTable.tsx View on Github external
const getColumns = (headers: string[]) => {
  const cols = [
    {
      columnTransforms: [classNames('pf-m-fit-content')], // column sized to heading and data
      title: headers[0],
    },
    {
      columnTransforms: [classNames('pf-m-fit-content')],
      title: headers[1],
    },
    {
      columnTransforms: [classNames('pf-m-width-max')], // column sized to take up remaining space
      title: headers[2],
    },
    {
      columnTransforms: [classNames('pf-m-fit-content')],
      title: headers[3],
    },
  ];
  return cols;
};
github syndesisio / syndesis / app / ui-react / packages / ui / src / Data / Virtualizations / Details / VirtualizationDetailHistoryTable.tsx View on Github external
const getColumns = (headers: string[]) => {
  const cols = [
    {
      columnTransforms: [classNames('pf-m-fit-content')], // column sized to heading and data
      title: headers[0],
    },
    {
      columnTransforms: [classNames('pf-m-fit-content')],
      title: headers[1],
    },
    {
      columnTransforms: [classNames('pf-m-width-max')], // column sized to take up remaining space
      title: headers[2],
    },
    {
      columnTransforms: [classNames('pf-m-fit-content')],
      title: headers[3],
    },
  ];
  return cols;
};