Currently the Table filter dropdown ("column switcher") pulls in JSX from the table label. If a table column is right-aligned this will reflect in the dropdown. This also applies if we do not want to display a label in the table column header, but do want it to appear in the dropdown menu.
Additionally, the dropdown menu overflow is being cropped off if larger than the table itself.
TODO:
explore a visual only representation of the table (no dropdown menu or column sorting, etc actions)
explore a TableBuilder DSL
investigate a table with inline fields similar to specs
add right aligned prop for table header/label
add display prop for table header/label
resolve dropdown menu overflow within the table
add optional display of borders on table rows
add ability to have evenly divided column widths
improve responsive behavior
inputs within a table are losing their border behaviors (overridden by the Table css)
@spicydonuts @arthurxavierx I can move this into a lumi-planning issue but wanted to note these downs as part of our bigger discussion on refactoring the Table
Currently the
Table
filter dropdown ("column switcher") pulls in JSX from the table label. If a table column is right-aligned this will reflect in the dropdown. This also applies if we do not want to display a label in the table column header, but do want it to appear in the dropdown menu.Additionally, the dropdown menu overflow is being cropped off if larger than the table itself.
TODO:
TableBuilder
DSLTable
css)