layui table 字体大小_layui table设置某一行的字体颜色方法

table自带的可以设置某一个单元格颜色，必须根据内容来修改，对于很多列同时修改并不方便，直接使用js操作比较简单。

首先自定义一个div，内部存放table，根据class找到table，然后找到行tr，修改其样式中的颜色。

//设置layui datatable的某一行的颜色

//TabDivId:tab父div id;RowIndex:行序列号，从0开始；ColorString：颜色字符串，如'#123456'

function Layui_SetDataTableRowColor(TabDivId,RowIndex, ColorString)

{

try

{

var div = document.getElementById(TabDivId);

if(div != null) //找到对象了

{

var table_main = div.getElementsByClassName('layui-table-main'); //通过class获取table_main

if (table_main != null && table_main.length > 0)

{

var table = table_main[0].getElementsByClassName('layui-table'); //通过class获取table

if (table != null && table.length > 0) {

var trs = table[0].querySelectorAll("tr");

if (trs != null && trs.length > 0) {

trs[RowIndex].style.color = ColorString;

}

catch(e)

{

console.log(e.message);

}

注意调用时必须要等table渲染完成后进行调用，可以放到渲染完成事件中调用。

, done: function (res, curr, count) {

//如果是异步请求数据方式，res即为你接口返回的信息。

//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度

console.log(res);

//得到当前页码

console.log(curr);

//得到数据总量

console.log(count);

Layui_SetDataTableRowColor('tabl_panel_id1', 0, '#2c08b1');

}

最终效果如下：

第一行的颜色变为你想设置的颜色了。

以上这篇layui table设置某一行的字体颜色方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

时间： 2019-09-02

layui table 字体大小_layui table设置某一行的字体颜色方法相关推荐

python中设置字体大小_python如何设置写入表格的字体字号？
我们在做表格时候,可以通过自带的功能,设置字体字号,那大家在学习编程时,有没有想过用编程去改变的呢?答案时肯定的!下面一起来看看这好玩的设置方法吧~ 功能描述: 首先生成几个测试用的Excel文件,然 ...
layui 行变灰_layui table设置某一行的字体颜色方法
table自带的可以设置某一个单元格颜色,必须根据内容来修改,对于很多列同时修改并不方便,直接使用js操作比较简单. 首先自定义一个div,内部存放table,根据class找到table,然后找到行 ...
QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置
QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置参考文章: (1)QT 中界面中消息的停留时间解决方案以及 label 中字体大小和换行设置 (2)https:// ...
android设置应用字体大小,在Android应用程序改变的TextView的字体大小从原始设置更改字体大小(Font size...
我想在我的应用程序指定我自己的文字大小,但我有这样一个问题. 当我在设备设置中更改字体大小,我的应用程序的字体大小TextView也会改变. Answer 1: 其实,设置字体大小只影响大小sp . ...
python3.4学习笔记(十八) pycharm 安装使用、注册码、显示行号和字体大小等常用设置...
python3.4学习笔记(十八) pycharm 安装使用.注册码.显示行号和字体大小等常用设置 Download JetBrains Python IDE :: PyCharm http://ww ...
idea html设置字体大小,intellij idea设置(字体大小、背景)
1. 配置信息说明 Intellij Idea: 2017.2.5 2.具体设置 <1> 设置主题背景.字体大小 File---->Settings----->Appearan ...
html span字数限制,css span字体大小 span标签设置font-size字体大小
css span字体大小文字尺寸大小设置图文教程篇,几种情况下使用span对其设置字体大小font-size技巧,span标签设置font-size字体大小. DIV CSS SPAN字体大小 css ...
如何设置app字体跟随系统_设置Android app的字体不随系统全局字体大小的变动而变动...
从android4.0起系统设置的"显示"提供设置字体大小的选项.以三星s4为例,在"设置-我的设备-显示-字体大小"中选择,可以调整系统的字体.这个设置直接会 ...
动态计算字符串的字体大小并据此设置行间距---NSAttributedString
#pragma mark-计算字符串的字体大小并据此设置行间距 + (NSMutableAttributedString *)caculateLabelHeightWithMutableAttribu ...

layui table 字体大小_layui table设置某一行的字体颜色方法

layui table 字体大小_layui table设置某一行的字体颜色方法相关推荐

最新文章

热门文章