Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

border-collapse Property

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;
}

Image

Evgene Karachevtsev
Posts: 12
Joined: Mon Apr 28, 2014 1:12 pm

border-collapse Property

Hello Mike,

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

Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

border-collapse Property

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

Image

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

border-collapse Property

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.

Mike6580064
Posts: 0
Joined: Wed Jan 15, 2014 6:00 pm

border-collapse Property

Thanks Katya

Return to “Issues”