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>
  • 相关阅读:
    sql server 存储过程分隔split
    sql server 存储过程、事务,增删改
    jquery ajax 参数可以序列化
    Pycharm连接gitlab
    gitlab的搭建和linux客户端的连接
    jenkins的搭建和使用
    svn服务器及客户端安装使用
    python2 和python3共存下问题
    Codecademy For Python学习笔记
    类编写的细节
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7230310.html
Copyright © 2011-2022 走看看