Skip to main content

sizes

Description​

Optional. An object with the table sizes settings (width and height)

Usage​

sizes?: {
    rowHeight?: number,
    colWidth?: number,
    headerHeight?: number,
    footerHeight?: number
}

Parameters​

  • rowHeight - (optional) the row height in the table in pixels
  • headerHeight - (optional) the header height in pixels
  • footerHeight - (optional) the footer height in pixels
  • colWidth - (optional) the column width in pixels

Default values are the following:

  • rowHeight: 40,
  • colWidth: 160,
  • headerHeight: 32,
  • footerHeight: 32

Example​

const { data, columns } = getData();

export default function App() {
  let sizes = {
    rowHeight: 37,
    colWidth: 160,
    headerHeight: 30,
    footerHeight: 30,
  };

  return <Grid data={data} columns={columns} sizes={sizes} />;
}