表格固定和全行colspan動態列

Question

我試圖設置表列寬度，但我注意到，當它在FF中工作時，它在Chrome/Edge中完全被忽略。修復非常簡單 - 將表格佈局設置爲固定。

它使所有的瀏覽器都尊重列的寬度，但突然行只有一個單元格被要求跨所有列開始表現不佳。由於他們將colspan設置爲20（超過實際列），他們開始實際跨越不存在的打破布局的colums。

修復也很簡單 - 將colspan設置爲實際列數。不幸的是，它們是動態的，並且因用戶而異。但我仍然需要有一個單元橫跨所有桌子。

我可以統計每次生成表格並將其放入colspan中的列數，但它不是理想的解決方案。我不應該爲了愚蠢的格式化而實施這種邏輯和混亂的實際邏輯。

問題：如何使colspan覆蓋固定佈局表中的所有列，而不必在每次生成表時都指定列數？

Answer 1

我已經找到解決方案，或者說「骯髒的黑客」，它解決了這個問題。因爲似乎沒有辦法與合併單元格做我設置：

• 表：

表格的佈局：固定;

• 錶行要求colspan設爲：

高度：28;

• 表單元格列跨度：

位置：絕對; 寬度：100％; line-height：28px; text-align：center;

即使理論上細胞僅覆蓋第一列上述整行和，因爲它有寬度設定爲它涵蓋它在全相同的方式，將與列跨度設置爲列數100％它也「浮動」這樣。

[https://jsfiddle.net/abvL5jbd/][Demo] 

適用於FF，Chrome，Edge。