博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表格操作二三事。。。
阅读量:6083 次
发布时间:2019-06-20

本文共 454 字,大约阅读时间需要 1 分钟。

hot3.png

table这个html标签,总是那么让人又爱有恨。爱是因为它良好的兼容性,不像div那样各种费事。恨呢,是因为它做的不是很完善,当我们想做一些高级应用的时候就比较难了。本文讲介绍一些表格所欠缺的高级应用。

firstBlood,拉伸和自适应

前提:我们把table放到 div中

  1. 拉伸,特殊的,table里面的th文字不换行,div出滚动条

  2. 自适应,文字换行,table的宽度和包裹div的宽度一致


secondBlood,表头fixed

当表格很长很宽的时候,我们会去拖动滚动条查阅被遮住的数据,更多的时候我们喜欢表头是不动的,甚至就是某一列都不动!


thirdBloodbig data

数据变的很多的时候,在同一个表格中,我们有时候希望隐藏一些列 从而更直观的比较另外一些列。

俗话说的好,话说多了是包水,直接看案例 ,runjs地址 ↓

http://runjs.cn/code/xu9xooog

转载于:https://my.oschina.net/firstblood/blog/488253

你可能感兴趣的文章
Nginx学习之三:对应平台的Nginx下载和安装
查看>>
Rabbitmq 基础
查看>>
关于一个接入第三方系统程序结构
查看>>
我的友情链接
查看>>
判断浏览器类型
查看>>
CentOS yum升级GCC到4.8
查看>>
GridView视图(BaseAdapter)
查看>>
Postfix 利用用户别名自动转发邮件
查看>>
fcitx要设定local才能用~~
查看>>
linux ls命令详解
查看>>
磁盘-使用fdisk格式化硬盘
查看>>
VMware KEY
查看>>
用递归实现的二分查找
查看>>
snmp启动失败
查看>>
Window.Open参数详解
查看>>
linux负载均衡总结性说明;四层负载和七层负载有什么区别
查看>>
转帖-Centos修改时区时间日期
查看>>
IPv4地址
查看>>
MongoDB——第五天 主从复制
查看>>
mysql常用命令操作
查看>>