Bootstrap 3表，使用滾動條在px中設置固定列寬

我需要一個在我的Bootstrap 3項目中具有固定列寬的px表格。我的表<table id="items" class="table table-striped table-condensed">中的每個<th>都有style=##px，但它不分配它。我已經嘗試將style="width:auto; overflow: scroll;"添加到表中，但它不起作用。還嘗試刪除我的桌子上的每一堂課，但科爾姆斯不會成長。Bootstrap 3表，使用滾動條在px中設置固定列寬

請幫忙！

來源

2013-11-15 wencha

-3

解決方案最終是從<table>中刪除'表'類。這樣你可以通過css或直接在其width屬性上指定<th>的de寬度。使用表類時，即使指定<colgroup>就像建議的答案一樣，也不能設置列的寬度。

來源

2013-11-16 21:12:51 wencha

這其實不是真的，它不是_really_使用Bootstrap 3表。設置寬度，甚至「class ='col-sm-4'」可以在Bootstrap 3上使用標籤。Kevin的答案有效。 – docksteaderluke

你可以指定一個<colgroup>部分：

<table> 
    <colgroup> 
     <col span="1"> 
     <col span="1"> 
    </colgroup> 
    ... 
</table>

...，然後設置您的列的CSS寬度：如果您使用的桌子上的引導.table類

col { 
    width:200px; 
}

元素，您還需要將表格的寬度設置爲auto。

看到這個jsfiddle。

來源

2013-11-15 03:21:44

這個小提琴根本沒有使用bootstrap。如果你添加引導，你會發現你的小提琴不起作用。 – bzuillsmith

@zuill - 謝謝。我已經更新了小提琴。 –

Bootstrap 3將width: 100%應用於<table class="table">。爲了履行這一點，瀏覽器將拉伸單元格來填充剩餘的空間。在Chrome 35（我還沒有在別的測試），規則似乎是：

如果某些列是固定的，但不是全部，那麼固定的列寬很榮幸，和的剩餘寬度表格在沒有指定寬度的其餘列之間進行分割。
如果所有<col>或<colgroups>具有指定的（固定的）寬度，瀏覽器將試圖治療等比例表中的寬度的百分比的寬度。所以如果一個表中的兩個col分別具有100px和200px的寬度，那麼它們分別可以獲得33％和66％的寬度，分別爲和。但情況並非總是如此。這種行爲的規則似乎相當複雜，可能是針對瀏覽器的。

看到這個小提琴的幾個例子和一些實驗。

http://jsfiddle.net/bzuillsmith/Nuhxj/129/

來源

2014-05-30 18:25:41 bzuillsmith

Bootstrap 3表，使用滾動條在px中設置固定列寬

回答

相關問題