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中作为页面的相对顶级的布局,否则,可能造成页面加载慢的样子
-
AC88U 设定无线网路 华硕路由器
AC88U设定无线网路现在家中的电子设备很多,路由器的无线功能就变得很重要操作方法(01)登陆路由器的管理页面(02)AC88U带有2个频段的wifi一个是2.4G(03)另一个频段是5G5G拥有更高的带宽和速率(04)请到[无线网路]>>[一般设定],然后选择您想使用的 [授权方式]一般状况下,...
-
如何使用vmware workstation 12安装虚拟机
虚拟机可以在不安装实际系统的前提下,通过模拟器工具直接在模拟器上安装虚拟的系统。可以在虚拟系统上使用如何真实系统一样。小编今天介绍下如何使用vmwareworkstation12安装虚拟机,linux虚拟机安装方法步骤。操作方法(01)首先下载vmwareworkstation虚拟机工具。...
-
微信怎么备份手机通讯录?
微信怎么备份手机通讯录?我们生活中有很多地方都会用到通讯录,有时候我们也需要备份通讯里,那么手机中如何备份通讯录呢?本就是为了解决大家的这个问题。iTunes(01)果粉们应该都知道iTunes的功能,它的功能十分强大,不仅可以播放音乐,同时也是可以帮助我们备份手机数据的...
-
如何在网上购买彩票?
如何在网上购买彩票?现在网络购彩平台很多,今天我们就以淘宝购买彩票来给各位说说。操作方法(01)首先打开淘宝网(02)登录帐号。输入帐号,密码,登录淘宝(03)点击“我的淘宝”(04)点击“我的彩票”这里可以看大购彩的记录。(05)首次够彩,需要补充和完整身份信息,各位填写个人的真...