JackmLozka
New Member
I am trying to get the table data I'm working on responsive in a way which I don't think is possible afaik, unless other people here think it is..Basically I have a table which at max size shows 3 TD elements within a TR. When scrolling down to min size the TR only displays 2 TD elements anymore, where the previously third TD is displayed under the 2. Something like this (more or less visual representation):Max-width:\[code\]<table> <tbody> <tr> <td>First table data</td> <td>Second table data</td> <td>Third table data</td> <td>Fourth table data</td> <td>Fifth table data</td> <td>Sixth table data</td> </tr> </tbody><table>\[/code\]Min-width:\[code\]<table> <tbody> <tr> <td>First table data</td> <td>Second table data</td> <td>Third table data</td> <td>Fourth table data</td> <td>Fifth table data</td> <td>Sixth table data</td> </tr> </tbody><table>\[/code\]is this even possible? If so, how to start? Would this require jQuery?