zoukankan      html  css  js  c++  java
  • 表头固顶结构

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta charset="utf-8">
    </head>
    <body>
    <style>
    .table-head{background:pink}
    .table-body{width:100%; height:300px;overflow-y:scroll;}
    .table-head table,.table-body table{width:100%;}
    </style>
    <div style=" 100%">
        <div class="table-head">
        <table class="table">
            <thead>
                <tr><th>序号</th><th>内容</th></tr>
            </thead>
        </table>
        </div>
        <div class="table-body">
        <table class="table">
            <tbody>
                <tr><td>1</td><td>我只是用来测试的</td></tr>
                <tr><td>2</td><td>我只是用来测试的</td></tr>
                <tr><td>3</td><td>我只是用来测试的</td></tr>
                <tr><td>4</td><td>我只是用来测试的</td></tr>
                <tr><td>5</td><td>我只是用来测试的</td></tr>
                <tr><td>6</td><td>我只是用来测试的</td></tr>
                <tr><td>7</td><td>我只是用来测试的</td></tr>
                <tr><td>8</td><td>我只是用来测试的</td></tr>
                <tr><td>9</td><td>我只是用来测试的</td></tr>
                <tr><td>10</td><td>我只是用来测试的</td></tr>
                <tr><td>11</td><td>我只是用来测试的</td></tr>
                <tr><td>12</td><td>我只是用来测试的</td></tr>
                <tr><td>13</td><td>我只是用来测试的</td></tr>
                <tr><td>14</td><td>我只是用来测试的</td></tr>
                <tr><td>15</td><td>我只是用来测试的</td></tr>
            </tbody>
        </table>
        </div>
    </div>
    </body>
    </html>
  • 相关阅读:
    熟悉常用的Linux操作
    Python基础之五星红旗
    类似于铁道部12306的城市选择框的实现
    使用Django操作数据库入门
    进程和线程
    线程、进程、携程理解
    CentOS6.8部署Python3.6.8的Django项目
    爬取妹子图片
    聚类算法之DBSCAN
    机器学习算法优缺点总结
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7230310.html
Copyright © 2011-2022 走看看