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>
  • 相关阅读:
    jQuery UI炫酷雨滴落在水面上的波纹涟漪特效
    mysql_jdbc
    数据库设计---合适的就是最好的
    谈谈 .NET Reflector
    整型反序
    iOS给Model排序
    php安装zendDebug
    zTree实现地市县三级级联封装类
    rnnlm源代码分析(八)
    CSS制作响应式正方形及其应用
  • 原文地址:https://www.cnblogs.com/fkcqwq/p/7230310.html
Copyright © 2011-2022 走看看