Skip to content

Fix column width and alignment in Table

John Sparger requested to merge fix-table-width-and-alignment into develop

Fix to allow settings for column (min) width and alignment to take effect when using Table component. Prime react has switched to using flexbox in the PrimeReact data table, so the code needed to be updated. In addition, the CSS for PrimeReact datatable does not work quite right, so we manually set some CSS styles for alignment.

Once the pipeline succeeds, Check the storybook for Table to see some examples of alignment on the "id" column and for a minimum width (if you make the window smaller, eventually the columns will stop shrinking)

Merge request reports