layui框架学习(9:静态表格)

article/2025/9/19 5:05:32

  Layui中处理表格样式分为静态表格及数据表格,所谓静态表格是指数据固定的表格,而数据表格则是动态获取数据构建的表格,前者主要使用Layui的预设类及属性设置表格样式,而后者则主要调用table模块操作表格。本文主要学习Layui中与静态表格相关的Layui的预设类及属性。
  在table元素的class中添加预设类layui-table即可设置Layui风格的静态表格样式,其与普通表格的区别如下图所示:

在这里插入图片描述
  除此之外,Layui官网教程中主要介绍了lay-even、lay-skin和lay-size等三个基础属性,用于设置表格的隔行背景、边框风格及表格尺寸。
  在table元素中增加lay-even,不需要设置值即可启用隔行背景效果(基于layui官方教程中的示例在chrome中测试时没有效果,暂时不清楚怎么回事儿),layui.css中的背景色设置如下所示:

.layui-table[lay-even] tbody tr:nth-child(even){background-color: #f8f8f8;}

  lay-skin属性用于设置边框效果,主要包括三个值:line (行边框风格)、row (列边框风格)、nob (无边框风格),其效果如下图所示(边框颜色较淡,需要仔细看才行):
在这里插入图片描述
  lay-size属性设置表格的尺寸,主要包括两个值:sm (小尺寸)、lg (大尺寸),其效果如下图所示:
在这里插入图片描述
  layui.css中与layui-table相关的预设类还有不少,后续还会继续学习。

参考文献:
[1]B站:layui框架精讲全套视频教程
[2]https://layui.gitee.io/v2/docs/
[3]https://layui.gitee.io/v2/demo/
[4]https://github.com/layui/layui/
[5]https://blog.csdn.net/kids_fan/article/details/121808612


http://chatgpt.dhexx.cn/article/dUYWJCNr.shtml

相关文章

关于layui框架的form表单布局

form表单的使用 在使用from表单的时候,必须先声明from模块,否则select、checkbox、radio等将无法显示,并且无法使用form相关功能,这是很多小白一开始经常犯的错误,虽然这很简单但也很基础,所以有必要在这里…

关于layui框架的form表单布局(小白向)

form表单的使用 在使用form表单的时候,必须先声明form模块,否则select、checkbox、radio等将无法显示,并且无法使用form相关功能,这是很多小白一开始经常犯的错误,虽然这很简单但也很基础,所以有必要在这里…

北斗/GPS差分定位技术有哪些?

普通的单点定位技术由于卫星信号在空间传播受到电离层、对流层等影响,信号传播发生了一定的折射,带来了伪据观测误差,使得定位精度在5到10米范围内。很显然这样的定位精度很难满足一些特定领域的需求。差分定位技术可以有效的提高定位精度&am…

5G+北斗:人员定位系统为化工厂定位赋能

人员定位系统是集计算机软硬件、信息采集处理、无线数据传输、网络数据通讯、自动控制等技术多学科综合应用为一体的自动识别信息技术产品,可以实现对不同人、物在不同状态下的智能识别。 物联网时代,人们以感知为目的实现人与人、人与物、物与物全面互联…

北斗与GPS有哪些区别?

北斗卫星建设是中国战略事业重要的一环。当然,国防安全是建设北斗最重要的原因。在地理信息如此重要的战场,必须握有自己的知识技术产权和产品。虽说GPS的民用在中国是免费的,但是如果战时美国关闭或者利用其“SA政策”对GPS“做手脚”&#…

常用的北斗高精度定位技术有哪些?

主要有:载波相位差分技术RTK、精密单点定位技术PPP、辅助北斗快速定位技术A-BDS、北斗地基增强系统、北斗星基增强系统这5项技术。 载波相位差分技术RTK 载波相位动态实时接收机RTK:Real - Time Kinematic,其原理是: 基准站和移…

什么是5G北斗RTK差分定位系统?它有哪些优势和应用领域?

5G技术的普及和应用,使得物联网和智能设备的使用越来越广泛。然而,在实际应用过程中,精准的定位数据是必不可少的。北斗差分定位系统作为一项定位技术,受到了市场的关注。本文将对5G北斗差分定位系统进行分析,并比较其…

北斗系统基础知识1(北斗系统定位原理说明“图文详述”)

需求说明:知识储备 内容 :北斗系统起源及工作原理 来自 :时间的诗 原文:http://www.bingdun.com/news/bingdun/3252.htm 从来没有那个事物像 GPS 那样改变了人类的生活,你能想象没有 GPS 的生活情境吗&am…

北斗通信模块 北斗gps模块 北斗通信终端DTU

计讯物联北斗通信模块DTU,支持北斗、三大运营商4G/3G/2G网络无线通信,采用高性能的工业级32位通信处理器,软件多级检测和硬件多重保护机制来提高设备稳定性。帮助用户快速接入高速互联网,实现安全可靠的数据传输,广泛应…

“北斗”知多少?

【日志】 2020/5/23 我想写一篇有关北斗的科普性的博客,将自己学到的东西做点小笔记,顺带分享给大家,嘿嘿。但是,一时间思潮翻涌,竟不知从何处开始写起。先开个草稿,之后萌生灵感再来填坑。 2020/6/23 今天…

ATK-S1216F8-BD GPS/北斗模块调试

手头上有这一模块。 1、模块通过串口与外部系统连接,串口波特率支持 4800、9600、19200、38400(默认)、57600、115200、230400 等不同速率, 2、兼容 5V/3.3V 单片机系统 3、 模块自带可充电后备电池,可以掉电保持星历…

【定位导航科普篇】北斗卫星导航技术介绍

1、中国北斗卫星导航系统-BDS 北斗卫星导航系统(简称北斗系统)是我国自主发展、独立运行的全球卫星导航系统,为全球用户提供全天候、全天时、高精度的定位、导航和授时服务,是继 GPS、GLONASS 之后,第三个成熟的卫星导…

北斗系统概述

目录 1 空间段 2 地面控制段 3 用户段 4 时间系统 我国制定了北斗卫星导航系统三步走战略:第一阶段,2000年年底,发射2颗北斗一号卫星,建成北斗一号系统,向中国提供服务;第二阶段,2007年-201…

室外定位:高精度北斗RTK定位技术

北斗RTK定位技术,也称北斗差分定位技术,利用我国自主研发的北斗卫星定位系统实现精确定位功能。定位精度可根据需要,通过选择不同精度的人员定位终端来实现。 在科技强国的战略驱动下,北斗RTK定位技术迎来了广阔的发展机遇&#x…

北斗定位模块是什么,有定位功能吗

我国北斗定位系统的组网完成,其衍生的应用技术和产业如雨后春笋,市场上也出现了越来越多的定位设备、定位模块等,显然这些设备的主要功能是定位,其他方面呢,究竟北斗定位模块是什么呢? 北斗定位模块 北斗定位模块&…

北斗三号卫星导航信号及接收策略

一、北斗三号卫星导航信号的特点 从上个世纪九十年代初北斗一号立项到现在,我国的北斗卫星导航系统已经走过了二十多年的发展历程。根据三步走的发展计划,先后经历了北斗一号和北斗二号两个阶段,目前正在向北斗三号发展。以用户的视角我们可…

单片机+北斗模块实现定位

本文原创,转载请注明出处。小编可能以后不会在简书简书地址上更新了,因为这里的markdown 编辑器太不好用了,没有CSDN 上面的好用,也希望粉丝们多多关注本人CSDN(一样的昵称呦)。 导航是继移动通信之后发展最…

北斗卫星导航系统介绍

北斗卫星导航系统 导言 2020年3月9日,我国在西昌卫星发射中心用长征三号乙运载火箭,成功发射北斗系统第五十四颗导航卫星。距离北斗三号系统建成,仅一步之遥。从双星导航定位到54颗北斗嵌满星空,中国北斗走过了28载问天路。作为…

中科微北斗定位模组ATGM336H简介

36H系列卫星定位模块 产品介绍 ATGM336H是高灵敏度,支持BDS/GPS/GLONASS卫星导航系统的单系统定位,以及任意组合的多系统联合定位的接收机模块。ATGM336H基于本公司自主独立研发的单芯片AT6558,拥有自主知识产权。ATGM336H可以直接替换U-blox…

卫星定位导航|GPS定位模块,北斗定位模块的应用场景及选型建议

室外位置信息的获取主要依赖于常见系统有GPS、BDS、GLONASS和GALILEO四大卫星导航系统。GNSS的发展最初是以军事为目的的,但是它的成熟完善必须依赖于民用市场的高度发展。GNSS民用市场主要应用于高精度测绘、位置搜索、车载导航、移动目标监控等诸多专业和消费领域…