semrush
[DataTable] Find a solution for Datatable inside Card component
Is your feature request related to a problem? Please describe.
What is the problem: Nowadays, in order for the table to look good inside the Card, teams have to work hard with styles.
Even I come across this more than once when I want to create something with cards myself for testing components.
Describe the solution you'd like We need to figure out how to simplify the styling of our DataTable when teams insert it inside our Card component. Perhaps we should add some property (or properties) for the DataTable (just imagining, the decision is yours anyway), which does the following:
- The margin-left of the first cell in all rows is increased to 20px.
- The margin-right of the last cell in all rows is increased to 20px.
- The bottom border is removed from the last line.
Additional context It's a really long-term request, and I bet teams will keep bringing it. You can find both examples in this Figma file.
