>

表格头固定而列可滚动的功力

- 编辑:乐百家599手机首页 -

表格头固定而列可滚动的功力

对此时常索要表格底部不东,而列表能够滚动,多用于数据相当多的场地,方便查看

div CSS网页布局入门种类教程(来自职业之路)

bootstrap-3.3.4.css

表格头固定而列可滚动的功能-脚本之家

CSS网页布局入门教程1:一列固定宽度

1---@2989  .btn

选择

CSS网页布局入门教程2:一列自适应宽度

使用touch-action来支配滚动;CSS属性touch-action允许你在触摸时间调节制滚动行为;

订单号码

CSS网页布局入门教程3:一列固定宽度居中

正如是touch-action的有所恐怕值:

预约日期

CSS网页布局入门教程4:二列固定宽度

touch-action: auto 滚动符合规律专业,只要浏览援救触摸操作照旧能够触发水平只怕垂直的滚动。
touch-action: none 触摸操作不能够接触滚动
touch-action: pan-x 触摸操作能够触发水平滚动;但垂直滚动被取缔;
touch-action: pan-y 触摸操作能够触发垂直滚动;但程度滚动被明令禁止;
touch-action: manipulation 鼠标能够告一段落在剧情上(指向该内容)而不激活它(单击它);

预约单位

CSS网页布局入门教程5:二列宽度自适应

切记:使用touch-action: pan-x或touch-action: pan-y更加好,因为你的指标显著,用户只好在要素上品位或垂直的轮转。

订单体系

CSS网页布局入门教程6:左列固定,右列宽度自适应

CSS3 user-select 新特性 禁选文本
none:用户不能采取文本;text:用户可以选取文本
要求注意的是:user-select实际不是多个W3C的CSS规范属性,浏览器支持的不完整,须要对每一个浏览器实行调解
user-select: none;
-ms-user-select: none; /*IE10及以上*/
-moz-user-select: none; /*FF*/
-webkit-user-select: none; /*Chrome*/

产品种类

CSS网页布局入门教程7:二列固定宽度居中

IE6-9还没察觉有关的CSS属性,可以行使特出js消除
document.body.onselectstart = function(){
return false; /*乐百家前段 ,IE,Chrome 都适用, FF不适用*/
}

版本号

CSS网页布局入门教程8:三列浮动中间列宽度自适应

 

预约金额

CSS网页布局入门教程9:用CSS设计网址导航——横向导航

2---@2989  .btn-group-justified

订单状态

CSS网页布局入门教程10:带当前标记的标签式横向导航

table-layout 固定表格布局:

DJPH001
2005-02-02
19
直销
KIS
5
12.0000
已取消
DJPH001
2005-02-02
19
购销
KIS
5
21.0000
DJPH889
2005-02-02
0
购销
KIS
5
21.0000
已取消
DJPH889
2005-02-02
0
直销
KIS
5
1.0000
tytutyjh465456
2005-02-02
0
购销
KIS
0
21.0000
生产部已审核
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
21.0000
生产部已审核
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
总代已审核
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
32.0000
已取消
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
已取消
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
已取消
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
已取消
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
21.0000
已取消
KDSZ2005050698
2005-05-05
-1
分销
KIS
10.2
12.0000
已取消

CSS网页布局入门教程11:带当前标记的标签式横向导航空图片美化版

automatic---暗中同意。列宽度由单元格内容设定。
fixed---列宽由表格宽度和列宽度设定。

[Ctrl A 全选 注:如需引进外部Js需刷新能力试行]

CSS网页布局入门教程12:纵向导航菜单

有着子成分的大幅度只要百分比相等,不论设为1%-百分之百以内的放肆值都是等比例平均父级成分宽度!

本文由乐百家前段发布,转载请注明来源:表格头固定而列可滚动的功力