Skip to Content (Press Enter)
UserImage.jpg
Priya Mv
88Views
3Comments
Solved
How to give space between all rows and columns in table
Question
OutSystems 11
OutSystems UI

I have designed a table which looks like this,.

I need to give space between all rows and columns in this table. I will attach a sample on how the table should look like,.

image

0
0
17 Nov 2023
Copy Link
2026-02-26 06-29-24
Rahul
 
MVP
Solution

Hi @Priya Mv ,

You can use this css -


.table, th, td { border: 1px solid black; } 

.table { border-spacing: 10px; }

it will show space between each cell.

hope this will help you.

See solution in context
3
0
17 Nov 2023
Copy Link
UserImage.jpg
Priya Mv

Thank you.

0
0
17 Nov 2023
Copy Link
2020-09-21 11-35-56
Sachin Waghmare

Hello @Priya Mv,

Please try to add a class to give padding to the table.

.tablepadding {

 padding: 10px; 

}

Thanks,

Sachin

0
0
17 Nov 2023
Copy Link
2026-02-26 06-29-24
Rahul
 
MVP
Solution

Hi @Priya Mv ,

You can use this css -


.table, th, td { border: 1px solid black; } 

.table { border-spacing: 10px; }

it will show space between each cell.

hope this will help you.

3
0
17 Nov 2023
Copy Link
UserImage.jpg
Priya Mv

Thank you.

0
0
17 Nov 2023
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.