转自：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. Vim常用操作(1)-常用指令

    1.清空文件内容 Normal模式下,先输入"gg",将光标定位到文件首,然后输入"dG",文件就被清空了.当然也可以直接输入"ggdG".

  2. ubuntu安装wiz笔记

    wiz笔记支持跨平台 下面记录一下如何在ubuntu下面安装wiz笔记 1,ubuntu默认是没有wiz资源的,需要先添加官方ppa软件仓库 sudo add-apt-repository ppa:w ...

  3. POJ 3267 The Cow Lexicon

    又见面了,还是原来的配方,还是熟悉的DP....直接秒了... The Cow Lexicon Time Limit: 2000MS Memory Limit: 65536K Total Submis ...

  4. 将JSON转成DataSet（DataTable）

    方法1: /// <summary> /// 将JSON解析成DataSet只限标准的JSON数据 /// 例如:Json＝{t1:[{name:'数据name',type:'数据type ...

  5. error: library dfftpack has Fortran sources but no Fortran compiler found解决方法

    用pip install scipy 时提示 error: library dfftpack has Fortran sources but no Fortran compiler found 解决方 ...

  6. Java正则表达式的最简单应用

    String emailRegex = "^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$"; Pattern pat = ...

  7. sort如何按指定的列排序

    <1>[root@localhost company]# cat test 06d7            145             4192542506e1            ...

  8. #!/bin/bash

    #!/bin/bash是指此脚本使用/bin/bash来解释执行. 其中,#!是一个特殊的表示符,其后,跟着解释此脚本的shell路径. bash只是shell的一种,还有很多其它shell,如:sh ...

  9. jQuery Ajax 操作函数

    jQuery Ajax 操作函数 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数 描述 jQuery.ajax() 执行异步 H ...

  10. java回顾巩固

    看视频复习java有一段时间了.虽然现在做的东西是net的,但是一直没忘记复习java. 更多的大概在这里. java变量的命名规则: (A)组成规则: 1:英文大小写字母 2:数字 3:$和_ (2 ...