转自：http://www.cnblogs.com/linjiqin/p/3148225.html

<!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; width: 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>

向table添加水平滚动条的更多相关文章

  1. 为TListBox添加水平滚动条

    为TListBox添加水平滚动条 实例说明 TListBox组件是一个较为常用的列表组件,在默认情况下该组件是没有水平滚动条的,所以文字过长会显示不完全,在文字较短的情况下还可以,但是如果一行的文字很 ...

  2. 为MFC中的ListBox添加水平滚动条

    我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设 ...

  3. MFC中关于CListBox控件添加水平滚动条

    首先是设置listbox控件的属性  Horizontal Scroll设为TRUE: 然后添加函数到CUighurRecognitionDlg.cpp(在CUighurRecognitionDlg. ...

  4. EasyUI combobox下拉框添加水平滚动条和垂直滚动条

    在EasyUI中combobox组件设置滚动条: 1.垂直滚动条:设置panelHeight属性,默认200,组件的数据过多滚动条自动出现,设置auto,则不出现滚动条. 2.水平滚动条:水平滚动条在 ...

  5. table添加横向滚动条

    <div style="width:1000px; height:200px; overflow:scroll;"> <table border=" r ...

  6. VB ListBox 添加横向滚动条

    Private Declare Function SendMessage Lib "user32 " Alias "SendMessageA" (ByVal h ...

  7. html table表格列数太多添加横向滚动条

    HTML的table表格的列数如果太多或者某一列的内容太长,就会导致表格td的内容被挤压变形,对后台的使用体验非常不友好.比如下面的情况: 那么如何在表格列数较多的情况下添加横向滚动条?其实很简单,只 ...

  8. HTML如何给table添加滚动条

    HTML如何给table添加滚动条 要给table添加滚动条其实很简单,主要是给table放到一个div里去,然后再设置div显示滚动条即可.示例代码如下所示: <!--div比table大小要 ...

  9. 两table水平滚动条级联滚动(同步滚动)。 table1放标题，table2放内容。

    //table1=head和table2=body水平滚动条级联滚动 $(document).ready(function () { $("#bodyPanel").scroll( ...

随机推荐

  1. CrtCtl （客户端认证的证书、私钥）的控制

    crt (证书文件) 编辑 本词条缺少名片图,补充相关内容使词条更完整,还能快速升级,赶紧来编辑吧! 客户端认证的证书.私钥. 中文名 crt 性    质 证书文件 类    型 客户端认证的证书. ...

  2. [转载]angularjs学习总结 详细教程

    http://blog.csdn.net/yy374864125/article/details/41349417#t75 目录(?)[-] 前言 AngularJS概述 AngularJS是什么 A ...

  3. 设置dom元素可拖动，支持ie5+

    摘要: 最近在项目中要做一个图片预览的功能,这时候会遇到用户上传很大的图片,已经超出视图界面.最终决定做一个在固定宽和高的位置,用户可以拖动图片查看.所以自己就写了一个支持ie5+,chrome,Fi ...

  4. sql 联合查询并更新

    update sales set sales.adminId = t.adminIdfrom (select a.adminId,a.realName from sales ,admin_admini ...

  5. 关于visio 2007导入独立图库

    很多作网络拓扑或服务器系统拓扑时,我们都会找到相关的Visio图库来画,但很多时候我们不知如何才能够直接导入,下面是我自己的导入方式,供大家参考下! 打开07Visio,自动加载设置: 工具--> ...

  6. javascript quine

    javascript有一些奇怪的性质,恩,比如说,非常容易写一个quine,即自己输出自己代码的东西. function a(){console.log(a.toString()+";a() ...

  7. 用Matplotlib绘制二维图像

    唠叨几句: 近期在做数据分析,需要对数据做可视化处理,也就是画图,一般是用Matlib来做,但Matlib安装文件太大,不太想直接用它,据说其代码运行效率也很低,在网上看到可以先用Java做数据处理, ...

  8. 解决Centos关闭You have new mail in /var/spool/mail/root提示

    昨天搬到阿里云了. 装的系统是Centos 6.3的加固版 今天查看内存的时候 出现一天奇怪的提示 You have new mail in /var/spool/mail/root 有的时候每敲一下 ...

  9. 【Python】python代码如何调试？

    Python 程序如何高效地调试? 现在我在debug python程序就只是简单在有可能错误的地方print出来看一下,不知道python有没像c++的一些IDE一样有单步调试这类的工具?或者说各位 ...

  10. JavaScript Math 对象方法

    Math 对象方法 方法 描述 abs(x) 返回数的绝对值. acos(x) 返回数的反余弦值. asin(x) 返回数的反正弦值. atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值 ...