WEB表格设计攻略
表格table,在学习html标签时,必定会介绍的一个标签,也是web项目中使用很广泛的一个标签。往往用于将数据分类汇总展示。
本文就为您介绍web项目中表格的使用
操作方法
(01)表格-用途1)表格table标签主要用来展示列表数据,分行列展示比较直观,还可能带有汇总行显示2)表格除了显示列表数据外,还可以用来页面布局,因为表格可以设置占用页面百分比,所以,可以用来做页面自适应宽度效果,只是,表格需要填充完整数据才会开始在页面呈现,如果用表格布局,且内部非常多内容,当网络慢的时候,界面可能会出现一段时间的空白3)本文使用vscode作为编辑器,演示表格的使用(在vscode中新建html文件后,输入一个感叹号,在按一下tab键,就可以快速构建html5的dom结构)
(02)表格-默认样式1)表格table标签默认是不带任何样式的2)边框都没有,宽度也不会沾满一整行
(03)表格-边框1)通过css样式+table标签设置表格边框是实际项目中常用的方式2)表格分为单元格边框,行边框,所以需要将两个边框合并成一个显示
(04)表格-奇偶行颜色1)奇偶行颜色也是通过css+table标签实现的2)odd表示奇数行,even表示偶数行3)css选择器如果从表体开始,则从第一个数据行开始计算奇偶4)css选择器如果是整个表格,那么表头也参与计算奇偶行
(05)表格-合并单元格1)无论多么复杂的表格合并,最终都是基于行、列单元格合并的2)行单元格合并,使用rowspan3)列单元格合并,使用colspan
(06)表格-冻结表头1)web的表格标签默认是没有冻结表头的功能的2)由于冻结表格需要css+js的辅助,且每个浏览器效果还有点不一样,因此,不建议个人自己实现,为了使用方便与快速,建议直接使用成熟的列表控件,如jqgrid表格控件、easyui前端框架、bootstrap框架等等3)jqgrid表格控件可以冻结表头、合并表头、按列名称排序等等功能,默认jqgrid列表样式如图所示
(07)表格-布局1)使用表格布局可以让页面宽度自适应,当宽度不够的时候,表格内的文本会自动换行2)注意:最好不要将非常多的内容塞到table中作为页面的相对顶级的布局,否则,可能造成页面加载慢的样子
-
如何利用歌词搜索歌曲名——歌词搜歌的技巧
现代娱乐的方式有很多种,怎么能够在这么多的娱乐活动中选择自己的最爱的生活方式呢,其中很多人在独处的时候喜欢听着音乐,享受难得的独处时光。但有时候想找一首自己喜欢的歌曲,可是不管怎么想都想不起歌名来,那怎么通过简单的几句歌词知道你想听的这首歌的名字呢操...
-
手机PDF如何转图片格式,pdf转图片方法
在日常的工作或者学习中,有时会碰到需要将文件中的某一页或者是某几页转为图片格式,那这个时候该怎么办呢?操作方法(01)第一步:首先在手机的应用市场里找到工具(02)然后运行工具,在“PDF转换”的页面点击PDF转图片。(03)第三步:在添加文件的页面选择好需要转换的文件,然后点...
-
Python中如何应用split
我们用python处理字符串的时候经常会需要分割字符串,这个时候我们会用到split。那么你真的会用它吗?下面小编来给大家分享一下split的使用以及注意事项操作方法(01)首先我们在python环境中先来建立一个字符串,如下图所示(02)然后我们调用split方法,已冒号作为分隔符,如...
-
网上如何挂失银行卡——中国农业银行绿卡篇
银行卡遗失后,必须要尽快的挂失,而最快捷的方式无疑是通过网络银行的方式进行。所以今天小编为大家带来银行卡网上挂失的教程,以中国农业银行绿卡为例。希望大家在紧急情况下会用的上。一、挂失具体操作(01)首先,我们需要进入中国农业银行的官网,然后找到左侧的卡号登...