• 表头固顶结构


    <!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>
  • 相关阅读:
    软件工程课堂作业——计算最优惠价格
    团队项目——NABC
    二位数组
    第二次冲刺阶段 站立会议06
    第二阶段冲刺 站立会议05
    第二阶段冲刺 站立会议04
    第二阶段冲刺 站立会议03
    课程建议
    站立会议02
    第二阶段冲刺 站立会议01
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7230310.html
Copyright © 2020-2023  润新知