原生html table固定高度并显示滚动条

欧偶藕

于 2024-01-31 18:15:24 发布

阅读量786

点赞数 1

文章标签： html 前端

本文链接：https://blog.csdn.net/liyaodong1234/article/details/135959734

版权

.class  table tbody {
        display: block;
        max-height: 200px;
        overflow-y: scroll;
    } 
   .class table thead,
    .class tbody tr {
        display: table;
        width: 100%;
        table-layout: fixed;
    }
   .class table thead {
                 width: calc( 100% - 1em)
            }

<table  class="table table-striped table-bordered table-hover" style="width:40%;height:100px;overflow: auto;">
            <thead>
                <tr>
                <th class="tableth"><span translate="filed"></span></th>
            </tr>
            </thead>
            <tbody >
                 
            </tbody>
        </table>