Hi Nani,

Please check below post for your answer.

https://www.outsystems.com/forums/discussion/92847/how-to-give-space-between-all-rows-and-columns-in-table/

Thanks

CV

Hi nani 

You can use css selector to limited scope. 

e.g.

.table td{    border-spacing: 0px 10px; } 

Regards,

Hello @nani 

I tried but not achieved I think its not possible remove above space you can try this way its fine

.table {

    border-spacing: 0px 10px;

    border:0px;

}

.table-header th,.table-row td{

        border: 1px solid #dee2e6;

}

Thanks

I think its not possible.

Hi nani,

I tried in my personal it is working fine, if it is possible can you please share OML 

i will check in that with CSS property.

Regards,

Rajat

Hey, @nani if you want this type of table on your screen -

then you have to write CSS on the properties tab section there will be attributes select style and "add there this CSS (border-spacing:0px;)" also shown in the picture.

Hi

For Table you can implement border spacing as per per your requirement and don't add border to the whole table add it to each td and th and first and last child classes is implemented for the border radius on the each row of the table.

 here is the CSS which you can try :-

.table {

    border-spacing: 0px 8px;    

    border: 0px;

}

.table .table-row td:first-child {

    border-left: 1px solid rgba(1, 46, 93, 0.14);

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

}

.table-row td:last-child {

    border-right: 1px solid rgba(1, 46, 93, 0.14);

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

}

.table-row td {

    border-top: 1px solid rgba(1, 46, 93, 0.14);

    color: var(--color-primary);

    border-bottom: 1px solid rgba(1, 46, 93, 0.14);

}

.table-header th {

    border-top: 1px solid rgba(1, 46, 93, 0.14);

    color: var(--color-primary);

    border-bottom: 1px solid rgba(1, 46, 93, 0.14);

}

Thank You

Hi @Nani , 

I have a very simple solution for that. You can just apply a single CSS rule like this:

.table:nth-child(1) {  border-spacing: 0px 0px;}

I think this should work.

Thank you!