表列被scollbars壓扁

Question

我知道這已被問過很多相同之前，但沒有答案似乎適用於我。

我有一個DIV容器內的表。當表格中有5行時，會顯示x軸上的滾動條，但是，您可以看到第1列中的內容被壓扁。

兩列2 & 3的寬度是固定的，但允許1自己調整到正確的寬度。當我嘗試測量文本的寬度（通過將其複製到一個範圍）時，它不是正確的大小，否則我將只計算3列的寬度並調整表格寬度。

我該如何防止壓扁或得到表寬？ jQuery的告訴我，寬度和外寬是零......

Answer 1

嘗試添加CSS規則列白色空間的元素：NOWRAP;

否則，你可以js小提琴或提供一個鏈接？

Answer 2

沒有看到小提琴我只能假設您明確設置單元格/行高（列和2/3獲得標題呈現在同一行）;考慮到它的靈活性，不會裁剪內容。它也可以容納較長的標題。

如果這不是一個選項，請在單元上設置overflow:hidden;text-overflow:ellipsis;;如果內容不合適，會導致他們呈現像「神祕博士：攻擊......」。