向table添加水平滚动条
转自：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添加水平滚动条的更多相关文章
- 为TListBox添加水平滚动条
为TListBox添加水平滚动条 实例说明 TListBox组件是一个较为常用的列表组件,在默认情况下该组件是没有水平滚动条的,所以文字过长会显示不完全,在文字较短的情况下还可以,但是如果一行的文字很 ...
- 为MFC中的ListBox添加水平滚动条
我们知道,MFC中的水平滚动条并不像垂直滚动条那样的智能.当文字超出ListBox的宽度时,水平滚动条并不会自己出现,我们需要手动的调用CListBox中的函数SetHorizontalExtent设 ...
- MFC中关于CListBox控件添加水平滚动条
首先是设置listbox控件的属性 Horizontal Scroll设为TRUE: 然后添加函数到CUighurRecognitionDlg.cpp(在CUighurRecognitionDlg. ...
- EasyUI combobox下拉框添加水平滚动条和垂直滚动条
在EasyUI中combobox组件设置滚动条: 1.垂直滚动条:设置panelHeight属性,默认200,组件的数据过多滚动条自动出现,设置auto,则不出现滚动条. 2.水平滚动条:水平滚动条在 ...
- table添加横向滚动条
<div style="width:1000px; height:200px; overflow:scroll;"> <table border=" r ...
- VB ListBox 添加横向滚动条
Private Declare Function SendMessage Lib "user32 " Alias "SendMessageA" (ByVal h ...
- html table表格列数太多添加横向滚动条
HTML的table表格的列数如果太多或者某一列的内容太长,就会导致表格td的内容被挤压变形,对后台的使用体验非常不友好.比如下面的情况: 那么如何在表格列数较多的情况下添加横向滚动条?其实很简单,只 ...
- HTML如何给table添加滚动条
HTML如何给table添加滚动条 要给table添加滚动条其实很简单,主要是给table放到一个div里去,然后再设置div显示滚动条即可.示例代码如下所示: <!--div比table大小要 ...
- 两table水平滚动条级联滚动(同步滚动)。 table1放标题，table2放内容。
//table1=head和table2=body水平滚动条级联滚动 $(document).ready(function () { $("#bodyPanel").scroll( ...
随机推荐
- [Winform]一个简单的账户管理工具
最近一直觉得注册的账户越来越多,帐号密码神马的容易弄混.自己就折腾了一个简单的账户管理工具,其实实现也挺简单,将每个账户的密码及相关密码提示信息,经aes算法加密之后保存到数据库,当前登录用户可以查询 ...
- jQuery1.11源码分析(8)-----jQuery调用Sizzle引擎的相关API
之所以把这部分放在这里,是因为这里用到了一些基本API,前一篇介绍过后才能使用. //jQuery通过find方法调用Sizzle引擎 //jQuery通过find方法调用Sizzle引擎 jQuer ...
- 【风雪之隅】写在PHP7发布之际一些话 2015-12-02
做开源也有4,5年的时间了,从最初的 Yaf,到今天的 PHP7,我参与的项目越来越多,使用我代码的用户也越来越多,明天就要发布的PHP7,绝对是我从事开源以来的一个最重要里程碑,我应该纪念一下今天, ...
- Unity游戏开发之“屏幕截图”
原地址:http://sygame.lofter.com/post/117105_791680 在unity游戏开发中,可能会遇到在游戏中截屏的效果.这儿提供两种截屏方法.(方法二提供显示截图缩略图代 ...
- LNK2005 连接错误解决办法
nafxcwd.lib(afxmem.obj) : error LNK2005: "void * __cdecl operator new(unsigned int)" (??2@ ...
- HDOJ 3790
dijstra最短路径算法 : 9885560 2013-12-23 23:54:56 Accepted 3790 203MS 8112K 1343 B C++ 泽泽 #include<cstd ...
- vim实用技巧
<1> 删除空格: :% s/ //gi #正则为一个空格,替换为空,全局匹配. <2> 删除空行: :g /^\n*$/ d #g为global 正则为:行开始+换 ...
- Linux下安装firefox最新版
Linux刚安装好的时候,默认是火狐浏览器并且版本比较低,我的系统是CentOS,火狐版本号才31,用yum安装的话版本也不是最新,只要从官方网站下载最新版安装就可以了,方法如下: 首先去火狐主页,中 ...
- Java for LeetCode 203 Remove Linked List Elements
Remove all elements from a linked list of integers that have value val. Example Given: 1 --> 2 -- ...
- Light OJ 1393 Crazy Calendar (尼姆博弈)
C - Crazy Calendar Time Limit:4000MS Memory Limit:32768KB 64bit IO Format:%lld & %llu Su ...