創建響應式td colspan表格

我一直在我的網站上數百個表中使用以下代碼行。不過，現在我已經編寫了很多這些表格以提高響應速度，並隱藏了在移動設備上不重要的列。創建響應式td colspan表格

<tr> 
    <td colspan="11" class="resultsubheading">Not Classified</td> 
</tr> 
<tr class="resulttext" onmouseover="this.className='cell_over';" onmouseout="this.className='cell_out';" unselectable="on"> 
    <td class="resultpos"></td> 
    <td class="resultnum">74</td> 
    <td class="resultclass"></td> 
    <td class="resultdriver"><a href="../../../drivers/wtcc/oriola_results.php#2013">Pepe ORIOLA</a></td> 
    <td class="resultnat"><img src="../../flag/es.gif" title="Spain"></td> 
    <td class="resultentrant"><a href="../../../teams/wtcc/tuenti_results.php">Tuenti Racing Team</a></td> 
    <td class="resultcar">SEAT Le&oacute;n WTCC</td> 
    <td class="resultlaps">8</td> 
    <td class="resulttime">DNF</td> 
    <td class="resultbest">2:20.073</td> 
    <td class="resultgd">4</td> 
</tr>

我在這沒有辦法定義在CSS的合併單元格，這是隱藏在移動設備上的其他列時，沒有必要的問題。

我已經包含一個額外的行，以顯示每個表單元格有一個隱藏或未隱藏的類，具體取決於CSS樣式表中的屏幕寬度。

是否有一種簡單而有效的方法來定義colspan或等價物，取決於屏幕寬度，就像在CSS中一樣？

我還創建了一個小提琴，試圖說明我的問題：

http://jsfiddle.net/j6g48/1/

來源

2014-03-12 Andrew Abbott