You’ll have to add this with either an external CSS stylesheet. The nth-child(even)
doesn’t work for inlines styling unfortunately.
border-collapse
does not make the component collapsable, it just specifies the spacing (see border-collapse | CSS-Tricks - CSS-Tricks). If this is indeed the property that you want to set, you’ll need to apply it on the Table
component rather than the parent Div
component.
Setting overflow-x
and overflow-y
to scroll
along with a fixed width
and height
all inside the style
attribute of the container Div
or Table
should so this for you.
Note that I’m also working on a more interactive table component, see the discussion here: Display tables in Dash - #36 by Sherm4nLC