介绍//设置layui 数据表的某一行的颜色//TabDivId才能:选项卡父div id; RowIndex:行序列号,从0开始;ColorString:颜色字符串,如& # 39;# 123456 & # 39;
function 才能;Layui_SetDataTableRowColor (TabDivId、RowIndex, ColorString)
{才能
,,,试一试
,,,{
,,,,,var div =, . getelementbyid (TabDivId);
,,,,,如果(div !=, null),//找到对象了
,,,,,{
,,,,,,,var table_main =, div.getElementsByClassName (& # 39; layui-table-main& # 39;);,,//通过类获取table_main
,,,,,,,if (table_main !=, null ,,, table_main.length 祝辞,0)
,,,,,,,{
,,,,,,,,,var table =, table_main [0] .getElementsByClassName (& # 39; layui-table& # 39;);,,//通过类获取表
,,,,,,,,,if (table !=, null ,,, table.length 祝辞,0),{
,,,,,,,,,,,var trs =,表[0].querySelectorAll (“tr");
,,,,,,,,,,,if (trs !=, null ,,, trs.length 祝辞,0),{
,,,,,,,,,,,,,trs [RowIndex] .style.color =, ColorString;
,,,,,,,,,,,}
,,,,,,,,,}
,,,,,,,}
,,,,,,,
,,,,,}
,,,}
,,,抓(e)
,,,{
,,,,,console.log (e.message);
,,,}
以前,,} ,,:, function (res,咕咕叫,,计数),{
,,,//如果是异步请求数据方式,res即为你接口返回的信息。
,,,//如果是直接赋值的方式,res即为:{数据:[],,数:,99},数据为当前页数据,计数为数据总长度
,,,console.log (res);
,
,,,//得到当前页码
,,,console.log(咕咕叫);
,
,,,//得到数据总量
,,,console.log(数);
,
,,,Layui_SetDataTableRowColor (& # 39; tabl_panel_id1& # 39;,, 0,, & # 39; # 2 c08b1& # 39;);
以前,,} layui是什么
这期内容当中小编将会给大家带来有关使用layui怎么设置某一行的字体颜色,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。
首先自定义一个div,内部存放桌子,根据类找到表,然后找到行tr,修改其样式中的颜色。
注意调用时必须要等表渲染完成后进行调用,可以放到渲染完成事件中调用。
最终效果如下:
layui是一款采用自身模块规范编写的前端UI框架,它遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,适合新手,并且它还提供了丰富的内置模块,他们皆可通过模块化的方式按需加载,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发,能够作为电脑网页端后台系统与前台界面的速成开发方案。
