zoukankan      html  css  js  c++  java
  • 向Table添加横向滚动条

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>给table新增水平滚动条</title>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=gbk-123">

    <style type="text/css" mce_bogus="1">
    table th{
    white-space: nowrap;
    }
    table td{
    white-space: nowrap;
    }
    body,table{
    font-size:12px;
    }
    table{
    empty-cells:show;
    border-collapse: collapse;
    margin:0 auto;
    }

    h1,h2,h3{
    font-size:12px;
    margin:0;
    padding:0;
    }
    table.tab_css_1{
    border:1px solid #cad9ea;
    color:#666;
    }
    table.tab_css_1 th {
    background-image: url("th_bg1.gif");
    background-repeat:repeat-x;
    height:30px;
    }
    table.tab_css_1 td,table.tab_css_1 th{
    border:1px solid #cad9ea;
    padding:0 1em 0;
    }
    table.tab_css_1 tr.tr_css{
    background-color:#f5fafe;
    height:30px;
    }
    </style>
    </head>
    <body>
    <div style="overflow: auto; 100%;">
    <table border="1" class="tab_css_1">
    <thead>
    <th>序号</th>
    <th>地市</th>
    <th>区县</th>
    <th>门店名称</th>
    <th>对应直供客户名称</th>
    <th>虚拟账号</th>
    <th>门店负责人</th>
    <th>联系方式</th>
    <th>面积</th>
    <th>店面属性</th>
    <th>营业人数</th>
    <th>月销量</th>
    <th>月开卡量</th>
    <th>对应渠道督导</th>
    <th>是否有营业执照</th>
    </thead>
    <tr class="tr_css" align="center">
    <td>1</td>
    <td>泉州</td>
    <td>南安</td>
    <td>系统公司</td>
    <td>终端门店</td>
    <td>林计钦</td>
    <td>qz1891234567</td>
    <td>1891234567</td>
    <td>20</td>
    <td>直营店</td>
    <td>5</td>
    <td>50</td>
    <td>40</td>
    <td>张三</td>
    <td>是</td>
    </tr>
    <tr class="tr_css" align="center">
    <td>2</td>
    <td>泉州</td>
    <td>安溪</td>
    <td>安溪铁观音集团</td>
    <td>御品仙茶业</td>
    <td>林计钦</td>
    <td>qz1891234567</td>
    <td>1891234567</td>
    <td>20</td>
    <td>直营店</td>
    <td>5</td>
    <td>50</td>
    <td>40</td>
    <td>张三</td>
    <td>是</td>
    </tr>
    </table>
    </div>
    </body>
    </html>

  • 相关阅读:
    为什么Java中 wait 方法需要在 synchronized 的方法中调用?
    XML常用解析API有哪几种?
    Dubbo 和 Spring Cloud 的区别?
    Java 线程池中 submit() 和 execute()方法有什么区别?
    详细描述一下 Elasticsearch 搜索的过程?
    为表中得字段选择合适得数据类型 ?
    Json有什么作用?
    Ajax的乱码解决问题?
    eclipse安装配置记录
    srs部署/webrtc拉流
  • 原文地址:https://www.cnblogs.com/smilekiss/p/4195961.html
Copyright © 2011-2022 走看看