设置Layui表格字段的字体颜色

设置Layui表格字段的字体颜色
开发工具与关键技术：VS MVC
作者：木林森
撰写时间：2019年 7 月 26 日
我们在使用layui表格对的时候，经常会有特殊字段需要显示出来，比如金额、状态……
这时候我们就需要对layui表格进行设置了，代码如下：

上面是对金额进行设置，效果如下：

这个是最简单的设置，但是当我们遇到不同状态的时候，需要对不同的状态显示出不同的颜色，这里就需要准确到单元格的设置了，想要学会它，就需要自己动手去操作了，话不多说，请看例子：
注意：举例的状态在数据库中的类型为bit型，它只有两种状态——true 或 false
设置审核状态：首先要在layui表格中指定一列，用于设置状态，代码如下：

然后就在控制器中查询出审核否，让数据显示在表格中，接着就在视图设置状态对应的样式，代码如下：

因为只是设置状态，而不是点击改变状态，所以这里就不需要在控制器中写代码，它的效果如下：

看完上面的例子，已将可以很好的了解layui是如何对状态进行简单的设置了，那么之后我们就要接触一些难点的了，比如库存警报的设置，就是获取到表格的数据，对表格中的数据进行比较，然后再根据比较出来的数据进行样式的设置，这么说也许比较难理解，那就看例子咯：老规矩先初始化，在表头设置显示列，代码如下：

接着也是在控制器中查询出字段值，然后就是最重要的判断了，代码如下：

For循环遍历整个表格的数据，然后获取当前行，对字段进行判断，最后写显示样式，代码都下完了，看看效果如何

设置Layui表格字段的字体颜色相关推荐

speedoffice（Excel）表格如何修改字体颜色？
在使用Excel时,我们会输入一些数据或者文字内容,有时候会需要对字体颜色设置,那么Excel表格如何修改字体颜色呢?大家来一起看看吧. 选中需要修改字体颜色的单元格. 在"主页" ...
Eclipse详细设置护眼背景色和字体颜色并导出
Eclipse详细设置护眼背景色和字体颜色并导出 Eclipse是一款码农们喜闻乐见的集成开发平台,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,将给大家详细介绍如何设置成护眼主题的方法,也 ...
oracle 数据库字段html显示正常text显示不全,layui表格字段表格显示不全（自适应）...
本文将为您描述layui表格字段表格显示不全(自适应),具体操作方法: 好记性不如烂笔头.本来就是没什么好记得东西,下次再用时已经想不起来了. 问题如下
如何使用CAD软件来修改表格中CAD字体颜色？
在使用浩辰CAD软件绘制CAD图纸的过程中,有些时候会用到CAD软件中的表格功能,那么表格绘制完成后其中的CAD字体颜色怎么修改呢?下面给大家具体介绍一下表格中CAD字体颜色修改的方法吧! CAD软件 ...
Eclipse设置护眼背景色以及字体颜色
Eclipse设置护眼背景色和字体颜色 Eclipse是一款码农们喜闻见乐的集成开发工具,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,讲给大家详细介绍如何设置成护眼主题的方法,也希望之后会 ...
php网页代码字体颜色设置,html和css中字体颜色设置的相关总结
网页中颜色的运用是网页必不可少的一个元素.使用颜色目的在于有区别.有动感.美观之用,同时颜色也是各种各样网页的样式表现元素之一,所以在我们的日常开发中不管是前端还是后端都离开不字体颜色,那么我们今天就 ...
el-table设置单元格里的字体颜色
例如图中,设置某个单元格的字体颜色: ① el-table标签上添加属性::cell-style="cellStyle" <el-table :data="tabl ...
Eclipse详细设置护眼背景色和字体颜色并导出(转自百度)
Eclipse是一款码农们喜闻乐见的集成开发平台,但是其默认的主题和惨白的背景色实在是太刺激眼球了.下面,将给大家详细介绍如何设置成护眼主题的方法,也做个抛砖引玉,希望能有更多的主题出现在Eclips ...
Android之如何设置TextView中不同字段的字体颜色
在这里先看看效果图: OK,有时候,在我们的项目中会要求TextView中文本有一部分的字体颜色不一样,这时我们应该使用 SpannableStringBuilder这个工具类,当然这个类的功能很强大 ...

设置Layui表格字段的字体颜色

设置Layui表格字段的字体颜色相关推荐

最新文章

热门文章