layui表格设置字体颜色

我们在使用layui表格对的时候，经常会有突出字段需要显示出来，比如书价、状态……
这时候我们就需要对layui表格进行设置了，代码如下：

上面是对于书价进行设置样式，效果如下：

这个是最简单的设置，但是当我们遇到不同状态的时候，需要对不同的状态显示出不同的颜色，这里就需要准确到单元格的设置了，想要学会它，就需要自己动手去操作了，话不多说，请看例子：

注意：举例的状态在数据库中的类型为bit型，它只有两种状态——true 或 false

设置状态：首先要在layui表格中指定一列，用于设置状态，代码如下：

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

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

layui表格设置字体颜色相关推荐

python3-xlwt-Excel设置表格基础(字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划线斜体字单元格对齐方式自动换行删除线超链接插入公式)
文章目录引入xlwt和创建workboos对象初始化样式和创建设置字体,赋值给style 保存文件自定义样式字体颜色背景颜色设置边框边框颜色冻结窗口字体大小字体高度字体加粗下划 ...
html字体颜色 html中设置字体颜色代码字体颜色获取
html字体颜色 html中设置字体颜色代码字体颜色获取 html字体颜色设置更改,html设置字体颜色代码方法有哪些 DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜 ...
android TextView设置字体颜色
今天,简单讲讲如何设置TextView的字体颜色. 其实很简单,不过之前忘记了,所以还是记录,总结一下. TextView的字体设置方法: 1.直接通过配置文件设置 2.在Activity类中进行设置 ...
HTML设置字体颜色1008无标题,如何在HTML中设置字体颜色，你知道这几种方式吗？...
color设置字体颜色在color设置字体颜色之前,我们首先了解color在css中有几种取值方式,一共有4种方式,若有不全还请在评论区告知谢谢,4种方式如下: 十六进制.十进制. 英文单词.十六进 ...
Outlook2016未读邮件怎么设置字体颜色
Outlook2016中想要设置未读邮件的字体颜色,该怎么设置呢?下面我们就来看看详细的教程. Outlook2016未读邮件怎么设置字体颜色? 1.下载安装outlook软件. Outlook201 ...
css设置字体颜色、文本对齐方式、首行缩进、文本装饰、列表样式、鼠标样式、禁止文本域拖拽、轮廓线、块级元素对齐方式、文字溢出设置
color:设置字体颜色: 取值方式有:1.颜色值red,green等 .2.十六进制#FF0000,#FF2313等.3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%) ...
Qt - QLabel设置字体颜色
** Qt - QLabel设置字体颜色 ** • 第一种,使用setPalette()方法如下: QLabel *label = new QLabel(tr("Hello Qt!" ...
Color类设置字体颜色、背景颜色
JLabel标签: Label label=new Label("陈同学");label.setBounds(100, 100, 100, 150);Color color = n ...
关于SearchView设置字体颜色,提示字体及背景的解决方法
最近由于项目的需要搜索功能,我们为了方便,则用android自带的搜索组件------SearchView,使用起来方便快捷,但是SearchView默认的提示字和需要输入的字符往往与界面不是很匹配, ...

layui表格设置字体颜色

layui表格设置字体颜色相关推荐

最新文章

热门文章