How can I add spacing between rows in a table? #4487
Unanswered
giglesiasCT
asked this question in
Help
Replies: 1 comment
-
I was able to add spacing between the header and the rows by adding this class in "thead": "[&>tr:last-child]:!mt-3" because the component is adding an invisible row inside the "thead" component, so it can be styled. But in the rows inside the tbody it's not possible.. I tried to render 2 rows for each "item", but it's being added with the selectors and borders |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
Hi!
![image](https://private-user-images.githubusercontent.com/115192253/399979796-cc14385d-c080-4ab9-a535-75d5126a05ef.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NDMyNzcsIm5iZiI6MTczOTQ0Mjk3NywicGF0aCI6Ii8xMTUxOTIyNTMvMzk5OTc5Nzk2LWNjMTQzODVkLWMwODAtNGFiOS1hNTM1LTc1ZDUxMjZhMDVlZi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjEzJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIxM1QxMDM2MTdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNzI3YzZlNmFiZjEzYzY3YTA4NTgyMTQ2MjJmNGVkNTI1YWUyYjg4MzU3NWVjZTJhNWNiZTAwNTMxMWU0NDc1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.OiFpp4RWFrI3bzuaHWC_S63HwrSjQiN1WMOxGrfm7Os)
I need to add spacing between rows in a table, and borders to each row, like this:
how can I achive it? I was able to add borders to each row by using these classNames in the Table component:
But I'm not reaching the goal of spacing
Thanks!
Beta Was this translation helpful? Give feedback.
All reactions