手机版

layui表设置某一行的字体颜色方式

时间:2021-08-20 来源:互联网 编辑:宝哥软件园 浏览:

表格可以设置某个单元格的颜色,必须根据内容进行修改。同时修改多列不方便,所以直接使用js相对简单。

首先,自定义一个div,将表存储在里面,根据类查找表,然后查找行tr,并修改其样式中的颜色。

//设置layui datatable//tabdivided : tab父DivId一行的颜色;RowIndex:行序列号,从0开始;ColorString:颜色字符串,如' # 123456 '函数layui _ setdatatablerowcolor(tab divid,rowindex,color string){ try { var div=document . getelementbyid(tab divid);if(div!=null) //找到了对象{ vartable _ main=div . getelementsbyclassname(' layui-table-main ');//获取table _ classif (table _ main!=null table _ main . length 0){ var table=table _ main[0]。getElementsByClassName(' layui-table ');//获取table if (table!=null table . length 0){ var TRS=table[0]。query selectorall(' tr ');if (trs!=null TRS . length 0){ TRS[RoWindex]. style . color=ColorString;} } } } } catch(e){ console . log(e . message);}}注意调用时必须等待表的渲染完成,可以在渲染完成事件中调用。

,done :函数(res,curr,count){//如果是异步数据请求模式,RES就是你的接口返回的信息。//如果是直接赋值,res为:{data: [],count: 99} data为当前页面数据,count为data console.log(res)的总长度;//获取当前页码console . log(curr);//获取总数据console . log(count);layui _ setdatatablerow color(' tab l _ panel _ id1 ',0,' # 2c 08 B1 ');}最终效果如下:

第一行的颜色已更改为您想要设置的颜色。

在上面的layui表中设置某一行字体颜色的方法是边肖共享的所有内容。希望能给大家一个参考,支持我们。

版权声明:layui表设置某一行的字体颜色方式是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。