狗万官网酒店 > 狗万官网下载 > layui table安装某一行的字体颜色方法_javascript艺术

layui table安装某一行的字体颜色方法_javascript艺术

来源: 2019-09-09 19:44 我来投稿 参与评论
当天小编就为大家分享一篇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安装某一行的字体颜色方法就是小编分享给大家的方方面面内容了,瞩望能送大家一个参考,也愿意大家多多支持脚本的师。

义务编辑:狗万官网酒店
 
 
0% (0)
 
 
0% (0)
机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
地名: 匿名?

  •