[Solved] Mobile Table 3

[analis]

I have a table with 5 columns with empty cells.

I have to change it in a two-column table, and I have to delete the blank cells.

does not work

http://jsfiddle.net/dvupx69d/

[Senff]

To start, in order to make empty cells totally invisible, they shouldn’t have any borders (an empty cell with a border will still show the border), and zero padding.

I would suggest to get rid of the borders on each TD, add padding:0, and give it a background color or something.

https://jsfiddle.net/senff/y0u0238r/

[analis]

td:empty{display:none;}

delete empty cells with border but the space is a problem

http://jsfiddle.net/dvupx69d/2/

[analis]

works with the columns must be equal (4)

empty cells should be at least 2

http://jsfiddle.net/dvupx69d/4/

[Senff]

The empty cells are not showing from what I can see…so I’m not sure what the issue is.

[analis]

you can put the empty cells in a third column ?

[Paulie_D]

I don’t know who I said this too before but I think it may have been part of the same type of question / discussion.

“If you don’t want a table to act like a table, don’t use a table.”

Seems to me this issue is entirely relevant to the above.

[analis]

thanks

[analis]

this is a best method, work in chrome but not work on safari browser

[Author]

Posts