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固定表格单元格

回答

相关问题