15
Views
2
Comments
Solved
How to remove spaces/margins between table cells? Complex table design

Im trying to achieve a table layout that is a bit complex, there are tables inside other tables and so on. Im not understanding why betwen table cells ther eis also some white space like this:


I want to have 1px border in each cell but I dont want to have white spaces between cells and also borders with 2px, do you know how to solve this?


Thanks!

mvp_badge
MVP
Rank: #73
Solution

Hi Jake,

For the mentioned use-case, you can define/use the border-spacing css property as shown below in the respective screen Style Sheet section:

table { 
    border-spacing: 0px;
}

td {
    border: 2px solid green;    
}

- You can also chain a custom class before the element selector, in order to define css styling to a specific table.

Hope this helps you!


Kind regards,

Benjith Sam

Rank: #386

Hi Jake,

Please make the change into the property of your table as below and you have the required format of the table.

If this not work for you, let me know.

Thanks & Regards,

Sachin