Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[DataTable] Find a solution for Datatable inside Card component #964

Open
j-mnizhek opened this issue Dec 12, 2023 · 0 comments
Open

[DataTable] Find a solution for Datatable inside Card component #964

j-mnizhek opened this issue Dec 12, 2023 · 0 comments

Comments

@j-mnizhek
Copy link
Contributor

j-mnizhek commented Dec 12, 2023

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.
image

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.
image

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant