I’ve been trying to get the corners of my dash datatable to be rounded, but i don’t seem to be able to get the “border-radius” in the css to apply to the datatable. Does anyone know how to do this?
I’ve currently got the datatable with id “Table_of_Data” within a section of id “datatable_container” with the following css
border: 1px solid white;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
There’s two ways of doing this, one of which is broken right now…
The broken way
This will work once https://github.com/plotly/dash-table/issues/567 is closed, and released, probably as part of
'border': '1px solid red',
The unofficial way
This prop is to change styling of the table when no other API can do it.
Classes and attributes that are prefixed with
dash- have more chances of being stable than those without the prefix, which are considered implementation details.
'rule': 'border: 1px solid blue; border-radius: 15px; overflow: hidden;'
Cool! Thank you very much! I will probably wait until the first method is released.
Just confirming this has been fixed and will be in the next release (
Hi @Marc-Andre. I’m looking for a way to apply border-radius to each cell of dash table? Could you please help?
This helped me.