jquery – 响应表

我试图获取表格数据,我正在以一种我认为不可能的方式进行响应,除非其他人认为是这样的？

基本上我有一个表格,其最大尺寸显示TR内的3个TD元素.当向下滚动到最小尺寸时,TR仅再显示2个TD元素,其中先前的第三个TD显示在2.这样的东西(或多或少的可视化表示)：

最大宽度：

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

最小宽度：

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

这有可能吗？如果是这样,如何开始？这需要jQuery吗？

解决方法

是的,这是可能的.将TD元素设置为向左浮动并设置最小宽度

http://jsfiddle.net/RnmLF/1/

只需更改容器的大小即可使其正常工作.

我会考虑你是否需要使用表格.表格目前仅用于显示表格数据(我们不再是90年代了)

编辑

我冒昧地为可访问性提供了一个NON表版本(请参阅@timmied以了解原因)

http://jsfiddle.net/nW2hx/