Forum | Appery.io

I am trying to use the border-collapse property on my grid but the border still doubles up between cells. I tried adding !important to the property but with no success. I just want a single 1px line between the lines of horizontal text.

.grid {
border-collapse: collapse;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #cccccc;
}

Hello Mike,

Please clarify do you have one table or multiple tables (obtained by mapping)?

There is one (1 row x 2 columns) grid with a list service inside.

Hi Mike,

Mapping multiplies components, so styles applied to it will be displayed for every multiplied component separately.

You can add an HTML component to a page, set Type=div and move your Grid to this component. Then add a border for it.

Thanks Katya