1

我正在尝试修复 html 表的标题并滚动表体的其余部分。为了修复列，我使用了以下 css，但问题是它扰乱了标题的列大小。

    <style type="text/css">
      div.tableContainer 
       {
        clear: both;
        border: 1px solid #963;
        height: 300px;
        overflow: hidden;
        width: 1000px
       }

        html>body thead.fixedHeader tr 
        {
        display: block
       }


   thead.fixedHeader th 
    {

        background: #C96;
    border-left: 1px solid #EB8;
    border-right: 1px solid #B74;
    border-top: 1px solid #EB8;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left
        position: relative
        width: 200px

    }

        html>body tbody.scrollContent {
        display: block;
        height: 300px;
        overflow: auto;
        width: 100%

       }

     tbody.scrollContent td, tbody.scrollContent tr.normalRow td {

        background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
        padding: 2px 3px 3px 4px

      }

       html>body thead.fixedHeader th +th {
    width: 50px
       }


     </style>
4

3 回答 3

1

相关文章

1）在纯css上具有固定标题和固定列的表

2)可滚动表格

3)如何在 html 表格上显示滚动条

4）各种表格也有一些 -如果您检查它，您可以在 html 页面中找到固定标题 css

希望对你有帮助

于 2013-10-22T07:51:54.587 回答
0

将标题放在单独的表格中，将内容放在另一个表格中，但将两个表格放在一起，使其看起来像一个表格。

<table>
put headers here.
</table>
<table>
put content here.
</table>
于 2013-10-22T07:28:31.503 回答
0

尝试使用 css 属性溢出：覆盖

于 2016-04-27T11:28:11.397 回答