問題與修正顯示：在表塊匹配THEAD和TBODY寬度

enter image description here

的JSFiddle代碼是在這裏。問題是在使用顯示器的CSS：塊

tbody.scrollContent 
{ 
    **display: block;** 

height: 262px; 
overflow: auto; 
width: 756px; 
}

但我需要使用此來獲取滾動條，如圖所示。但是，當我通過左鍵單擊標題上的豎線來調整標題大小，然後向左或向右滾動時，thead和tbody不匹配。如果我刪除顯示：塊，然後一切正常，但我失去了我的垂直滾動條。即時通訊使用jQuery UI可調整大小的插件來嘗試和解決這個問題，他們當我做一個console.log同時在thead單元格和tbody單元格。我讀過一些其他帖子，但似乎無法真正讓它與我的工作。任何幫助，將不勝感激。

更新 - 2014年1月31日
我最終的解決辦法是把我的代碼，只是分裂THEAD和TBODY成兩個不同的表。我做的是創建兩個表。第一個就是thead，第二個是tbody。這樣我仍然可以保持滾動條的功能只在tbody上。並且讓寬度爲16px的字體變長，以便在滾動條上擴展。我這樣做是因爲table-layout的問題：修復並破壞了thead和tbody的對齊。感謝別人指出的幫助。

來源

2014-01-31 adviner

這裏是一個可能的解決方案，可能會爲你工作：

CSS：EXAMPLE FIDDLE

tbody.scrollContent { 
    //display: block; <- remove this entry 

    height: 262px; 
    overflow: auto; 
    width: 756px; 
    } 

    div.scrollContainer { 
    // existing styles 
    overflow-y: scroll; //<-add this 
    overflow-x: hidden; //<- and this 
    }

來源

2014-01-31 05:00:45 badAdviceGuy

我已經試過了也。唯一的問題是標題消失，因爲我滾動，並感謝您的建議 – adviner

看到這篇文章有關類似的情況[http://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-滾動內部-TBODY]（http://stackoverflow.com/questions/17067294/html-table-with-100-width-with-vertical-scroll-inside-tbody） – badAdviceGuy

問題與修正顯示：在表塊匹配THEAD和TBODY寬度

回答

相關問題