Add Radix Semantic table element to the Radix components
Add Radix Semantic table element to the Radix components
At a glance
The post provides information about the Radix table element, and the comments discuss the need for an HTML table component in WebStudio. Community members suggest that creating a responsive div-based table can be a viable alternative to using a Radix table component, and some argue that it may not be worth adding a table component if the div-based solution works well. There is also discussion around the differences between tables and div-based solutions, including considerations around accessibility, SEO, and built-in table behaviors. The community members indicate that an HTML table component is still in the works, but it has not been implemented yet.
@Luis, I agree, more radix components and themes would be cool, but you don't need them to make tables.
Making a responsive div table (fully accessible) isn't too difficult in Webstudio, without needed a component. Here's an example (I did no styling, so it looks basic).
You are looking at radix themes, not radix primitives, themes were introduced later, they are just theme/styles on top of the primitives, there is no table in primitives, because it has no logic. We will not be introducing radix table at all, but we do need the html table component.
After implementing @Jeremy workaround, is it even worth adding an HTML table component? Jeremy's solution works perfectly and isn't difficult to do. Honestly a 10-minute video tutorial on how to do that table, post it on WebStudio YouTube, and call it a day π .
unfortunately haven't even started making it as a component, it works by using advanced section and setting: display: table, which is kinda the same but harder to use