Bootstrap固定表格單元格

如何使用Bootstrap製作固定的表格單元格，並隱藏bootstrap.overflow？我已經試過了，一個，但數據會垂直向下：Bootstrap固定表格單元格

table { table-layout: fixed; } 
table th, table td { overflow: hidden; }

我有10列和風格是這樣的：

<table class="table table-bordered"> 
    <thead class="mbhead"> 
     <tr class="mbrow"> 
     <th style="width:10px"></th> 
     <th style="width:10%;">A</th> 
     <th style="width:10%;">B</th> 
     <th style="width:10%;">C</th> 
     <th style="width:10%;">D</th> 
     <th style="width:10%;">E</th> 
     <th style="width:10%;">F</th> 
     <th style="width:10%;">G</th> 
     <th style="width:10%;">H</th> 
     <th style="width:10%;">I</th> 
     <th style="width:10%;">J</th> 
     </tr> 
    </thead> 
    <tbody> 
    //other contents... 
    </body> 
    </table>

來源

2013-03-01 Amrendra

請發表你有什麼當他們遇到同樣的問題時，他們會盡力幫助其他用戶。 – Shail 2013-03-01 09:18:41

也發佈一個jsfiddle或更多的代碼，以便我們可以重現您遇到的問題。 – Shail 2013-03-01 09:46:56

@Amrendra：請爲此做一個小提琴。 – Manoj 2013-03-01 09:52:37

請檢查，如果這是你想要的。我用div。讓我知道它是否有幫助。你可以看到我已經使用了2個div。在第一個div我設置溢出隱藏

<div style="overflow: hidden; margin-left: 20px; height: 504px;">

這個div裏面我用另一個DIV

<div id="product" style="overflow: auto;height: 350px;">

鏈接擺弄here

來源

2013-03-01 08:13:45 DevelopmentIsMyPassion

溢出：只隱蔽工程在塊級元素，所以你可以讓你的TH和TD元素顯示：塊或（可能更好）把一個div insisde他們設置溢出：隱藏在DIV上。

這裏的說明顯示一個例子：塊的TD/TH設置：http://jsfiddle.net/YB4yU/

th, td { 
    overflow: hidden; 
    width: 100px; 
    height: 50px; 
    display: block; 
}

來源

2013-03-01 09:17:29

應設置CSS屬性白色空間「NOWRAP」

table th, table td { overflow: hidden; white-space: nowrap }

來源

2014-02-06 16:59:24

Bootstrap固定表格單元格

回答

相關問題