table给tbody设置滚动条代码,Js代码库,德仔网

代码语言

代码分类

【Js】 table给tbody设置滚动条

作者:明华 / 发布于2018/10/19/ 555

<table class="layui-table">
                <thead>
                    <tr>
                        <th>
                            贷款项目
                        </th>
                        <th>
                            贷款类型
                        </th>
                        <th>
                            所属公司
                        </th>
                        <th>
                            产品联系人
                        </th>
                        <th>
                            是否上线
                        </th>
                        <th>
                            联系电话
                        </th>
                        <th>
                            点击量(详情)
                        </th>
                        <th>
                            访问量(详情)
                        </th>
                        <th>
                            点击量(申请)
                        </th>
                        <th>
                            访问量(申请)
                        </th>
                        <th>
                            点击量(子页面)
                        </th>
                        <th>
                            访问量(子页面)
                        </th>
                    </tr>
                </thead>
                <tbody id="x-img">
                </tbody>
                <tfoot>
                    <tr style="background: #f2f2f2;">
                        <td >总计:</td>
                        <td align="center">——</td>
                        <td align="center">——</td>
                        <td align="center">——</td>
                        <td align="center">——</td>
                        <td align="center">——</td>
                        <td class="djCount1"></td>
                        <td class="fwCount1"></td>
                        <td class="djCount"></td>
                        <td class="fwCount"></td>
                        <td class="djCount3"></td>
                        <td class="fwCount3"></td>
                    </tr>
                </tfoot>
            </table>



table tbody {
         display:block;
         max-height:500px;
         overflow-y:scroll;
         overflow-x:hidden;
     }
     ::-webkit-scrollbar {
         width: 1px;
     }
     table thead,tbody tr,tfoot tr,thead tr {
         display:table;
         width:100%;
         table-layout:fixed;
     }

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

同语言下

可能有用的

明华贡献的其它代码(21)