• 
       
       
       
        

      1. 狗万官网酒店 > 狗万官网下载 > 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)
        机长评论( ) 请自觉遵守互联网相关的富民政策法规,不准发布色情、暴力、反动的议论。
        地名: 匿名?