Tags

, , , ,


When you apply css in table TD the border seems broken for cells where there is no data/empty, you bind the data as null.

I used a repeater to show, and it shows like below:

image

After some goggling i found there is a fix and it actually works:

When to do that apply border-collapse for the TABLE style and use "empty-cell: show" for the TD style.

.Table
{
    width: 100%;
    border-collapse: collapse;
}

.TableRow td
{
    empty-cells: show;
    text-align: left;
    border-bottom: 1px solid black;
}

Now It shows like:

image

So, We have achieved our goal here.

Advertisements