colspan下的相同列寬

如何在同一寬度的colspan下創建列？colspan下的相同列寬

我有像表中的頭像例子。

<html> 
<head> 
<style>td {border: solid 1px black;}</style> 
</head> 
<body> 
<table style="width: 100%;border-collapse: collapse;"> 
    <tr> 
     <td rowspan="2">Some header columns or even several(big or small)</td> 
     <td colspan="4">pre-defined number of undercolumns</td> 
    </tr> 
    <tr> 
     <td>1</td><td>11</td><td>111</td><td>1111</td> 
    </tr> 
    <tr> 
     <td>data_row</td><td>4444</td><td>333</td><td>22</td><td>1</td> 
    </tr> 
</table> 
</body> 
</html>

我已經創建了一個jsFiddle來說明這一點。

可能的列數（製作相同寬度）可能不同。由於其他列的存在，將table-layout更改爲fixed對我來說不是一個解決方案。由於不確定數據內容的長度，我無法以固定寬度製作它們。由於它是所有表的百分比，而不是列組，所以我也不能使用百分比寬度來完成它們。

來源

2016-04-11 Ivan Silantyev

我仍然沒有適當的解決方案，但使用下一個解決方法：我只是設置'最小寬度列標題爲最大的（在我的情況下是可能的）。 –

你可以試試這個：

td { 
    border: solid 1px black; 
    width: calc(100%/5); 
}

而且你可以把寬度的列數你有。

來源

2016-04-11 15:20:13

它不適合我。 https://jsfiddle.net/6brwy20t/8/正如我所說，我嘗試不預定左右部分的寬度 –

您要求在同一寬度下創建列的人。試着讓你的問題更清楚。 –

我在搜索類似'width：calc（100％/ 5）;''100％'適用於某個列組，但不適用於整個

。 Html將通過XSLT從XML動態生成爲報表。它應該看起來很可愛，有2列或右側有15列 –

相關問題

colspan下的相同列寬

回答

相關問題