Html 引导表固定标题与<;对齐;t车身>;问题

Html 引导表固定标题与<;对齐;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">

我试图用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">
    <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.邮局找到了解决方案。