88
Views
3
Comments
Solved
How to give space between all rows and columns in table

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

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.

UserImage.jpg
Priya Mv

Thank you.

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

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.

UserImage.jpg
Priya Mv

Thank you.

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.