表與可滾動的正文和colgroup不起作用

Question

我想通過colgroup定義cols的寬度。另外，tbody應該是可滾動的。但是不行。我有沒有js的解決方案？

js fiddle

HTML

 <colgroup> 
     <col span="1" style="width: 15%;"> 
     <col span="1" style="width: 40%;"> 
     <col span="1" style="width: 20%;"> 
     <col span="1" style="width: 25%;"> 
    </colgroup> 

Answer 1

添加到您的CSS：

td:nth-child(1), th:nth-child(1) { 
    width: 15%; 
} 
td:nth-child(2), th:nth-child(2) { 
    width: 40%; 
} 
td:nth-child(3), th:nth-child(3) { 
    width: 20%; 
} 
td:nth-child(4), th:nth-child(4) { 
    width: 25%; 
} 

TBODY滾動工作正常鉻。我不知道它是如何在其他瀏覽器

Answer 2

需要設置display:inline-block;到<col>

col{ 
    display: inline-block; 
    height:20px; 
    background: #000; 
} 

See demo here