Html 引导表固定标题与<;对齐;t车身>;问题
我试图用CSS在引导表上创建一个固定的头 CSSHtml 引导表固定标题与<;对齐;t车身>;问题,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我试图用CSS在引导表上创建一个固定的头 CSS table.scroll tbody, table.scroll thead { display: block; } table.scroll tbody { height: 600px; overflow-y: auto; overflow-x: hidden; } HTML <table id="standart_list" class="table table-bordered scroll">
table.scroll tbody, table.scroll thead {
display: block;
}
table.scroll tbody {
height: 600px;
overflow-y: auto;
overflow-x: hidden;
}
HTML
<table id="standart_list" class="table table-bordered scroll">
<thead>
<tr>
<th>Standart Kodu</th>
<th>Standart Tanımı</th>
<th>Standart(Asgari Şart)</th>
<th>Standart Durum Karşılanıyor Mu?</th>
<th>Mevcut Durum</th>
<th>Açıklama</th>
</tr>
</thead>
<tbody>
<tr bgcolor="#7fffd4">
<td>
ADLİ TIP
</td>
</tr>
<tr>
<input type="hidden" name="brans_2882" value="2">
<td>
2.1.1
</td>
<td style="max-width: 600px">
EĞİTİCİ SAYISI
</td>
<td>
1
</td>
<td>
<select name="select_2882" id="select_2882" class="form-control">
<option value="1">Evet</option>
<option value="0" selected="">Hayır</option>
</select>
</td>
<td>
<input type="text" name="input_2882" id="input_2882" value="0" class="form-control mevcut_durum numeric" required="">
<span class="errmsg"></span>
</td>
<td>
<textarea name="text_2882" id="text_2882" class="form-control aciklama" required="">bu büyüklüğe</textarea>
</td>
</tr>
</tbody>
</table>
科杜斯坦达特酒店
斯坦达特·坦姆
标准艺术(阿斯加里艺术)
杜鲁姆标准酒店?
硬脊膜
Açıklama
ADLİTIP
2.1.1
EĞTİCİSAYISI
1.
埃维特
海伊尔
布比尤克吕埃
看起来不错,滚动也可以。但是
元素与
不对齐
我怎样才能解决这个问题
这是一个如下所述的屏幕:
谢谢 以下内容适用于比IE9更新的浏览器,要使其在旧浏览器中工作,您需要使用固定列宽。 资料来源:
表格{
宽度:100%;
}
thead,tbody,tr,td,th{display:block;}
tr:之后{
内容:'';
显示:块;
可见性:隐藏;
明确:两者皆有;
}
thead th{
高度:30px;
/*文本对齐:左对齐*/
}
t车身{
高度:120px;
溢出y:自动;
}
泰德{
/*退路*/
}
tbody td,thead th{
宽度:19.2%;
浮动:左;
}
制作
模型
颜色
年
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
以下内容适用于比IE9更新的浏览器,要使其在较旧的浏览器中工作,您需要使用固定列宽。
资料来源:
表格{
宽度:100%;
}
thead,tbody,tr,td,th{display:block;}
tr:之后{
内容:'';
显示:块;
可见性:隐藏;
明确:两者皆有;
}
thead th{
高度:30px;
/*文本对齐:左对齐*/
}
t车身{
高度:120px;
溢出y:自动;
}
泰德{
/*退路*/
}
tbody td,thead th{
宽度:19.2%;
浮动:左;
}
制作
模型
颜色
年
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
河流浅水处
护送
蓝色
2000
尝试删除此部件:
table.scroll tbody,
table.scroll thead { display: block; }
尝试删除此部分:
table.scroll tbody,
table.scroll thead { display: block; }
我在以前的stackoverflow帖子中找到了解决方案。 在第二条评论中用小提琴解决问题 另一个解决方案:
我在以前的stackoverflow帖子中找到了解决方案。 在第二条评论中用小提琴解决问题 另一个解决方案:
你能分享你的演示链接吗?我修正了一些格式,你现在可以自己发现问题了。@IshimdarAhamad,我给了代码。你可以测试它。你可以使用Javascript吗?你可以分享你的演示链接吗?我修正了一点格式,你现在可以自己发现问题了。@IshimdarAhamad,我给了代码。你可以测试它。你可以使用Javascript?正如你所看到的,它的宽度没有对齐tbody。fiddler链接在哪里?如果我删除这个,table not Scrolling,我想你必须使用Javascript来解决这个问题。我在下面的堆栈溢出中发现,正如您所看到的,它的宽度未对齐。fiddler链接在哪里?如果我删除此链接,table not Scrolling,我认为您必须使用javaScript来修复此问题。我在下面的堆栈溢出中发现,我添加了许多行,但这对我没有帮助。如果我们删除显示块,滚动条将不会显示。亲爱的朋友,这是一个正常的滚动页面。我想固定表头。只有表体有卷轴。谢谢你的努力,但这不是解决方案。我以前的帖子和评论很抱歉。我误解了你。我删除了评论并编辑了答案。在另一篇s.o.帖子中找到了解决方案。我添加了许多行,但这对我没有帮助。如果我们删除显示块,滚动条将不会显示。亲爱的朋友,这是正常的滚动页面滚动。我想固定表头。只有表体有卷轴。谢谢你的努力,但这不是解决方案。我以前的帖子和评论很抱歉。我误解了你。我删除了评论并编辑了答案。在另一个s.o.邮局找到了解决方案。