layui table指定某一行样式

想指定layui table中某一行的样式,找了这个资源可行。转自: https://blog.csdn.net/weixin_44729896/article/details/100524824

table.render({
          elem: "#test",
          // id: "table_cell_data",
          url: "http://localhost:3000/all",
          toolbar: "#toolbarDemo", //指向自定义工具栏模板选择器
          defaultToolbar: [], //除去打印,导出
          title: "用户数据表",
          cols: [[ ]],
          page: false,
          done: function (res, curr, count) {
            console.log(res.data);
            merge(res);
            var that = this.elem.next();
            console.log(this.elem)
            console.log(that)
            res.data.forEach(function (item, index) {
                if (item.accstatus === "封禁") {
                  var tr = that.find(".layui-table-box tbody tr[data-index='" + index + "']");
                  tr.css("background-color", "yellow");
                  tr.find(".laytable-cell-1-0-9").css("color","red");

                }
            });
          }
        });

效果如下图:

原文地址:https://www.cnblogs.com/newcapecjmc/p/11797714.html

时间: 2024-08-30 17:36:50

layui table指定某一行样式的相关文章

利用jquery给指定的table动态添加一行、删除一行

$("#mytable tr").find("td:nth-child(1)") 1表示获取每行的第一列$("#mytable tr").find("td:nth-child(3)") 3表示获取每行的第三列 今天在项目中,刚好用到给指定的table添加一行.删除一行,就直接找google,搜出来的东西不尽如人意,不是功能不好就是千篇一律,简直浪费时间还不讨好,于是乎就自己动手封装个,现就把代码分享出来,避免大伙重复造轮子,如

layui table表格详解

上次做table有些东西 忘记了 这次当作来个分析总结一下  跟大家共同学习 闲话不多说 直接上例子   代码: <form id="form1" runat="server"> <div> <table id="demo" lay-filter="test"></table> </div> </form> <script> //*******

js在table指定tr行上或底下添加tr行

js在table指定tr行上或下面添加tr行 function onAddTR(trIndex)         {             var tb = document.getElementById("tb1");             var newTr = tb.insertRow(trIndex);//添加新行,trIndex就是要添加的位置             var newTd1 = newTr.insertCell();             newTd1.

table与tr td样式重叠 table样式边框变细

<table style="border:1px solid red;border-collapse:collapse;"> border-style 的属性 值 描述 none 定义无边框. hidden 与 "none" 相同.不过应用于表时除外,对于表,hidden 用于解决边框冲突. dotted 定义点状边框.在大多数浏览器中呈现为实线. dashed 定义虚线.在大多数浏览器中呈现为实线. solid 定义实线. double 定义双线.双线

table点击一行显示下一行的特效

效果体验:http://sandbox.runjs.cn/show/rw4vq8zo <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> .bordertable {width:100%;border-collapse: collapse;color: #707070;background:

TComboBox; 指定某一行,不给下拉,只读ReadOnly 伪装 实现

//cbb1: TComboBox; 指定某一行,不给下拉,自读伪装 实现: cbb1.Style :=csSimple; //设定style 不可以下拉 cbb1.ItemIndex := 3; //指定某一行, daf :=cbb1.Text; //取值 procedure TForm9.cbb1Change(Sender: TObject); //重点 当值改变时,重新赋值回去: begin cbb1.Text :=daf; end; //拓:网上说发 procedure TForm9.c

layui table数据渲染页面+筛选医生+在筛选日期一条龙2

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>预约

layui table 渲染完成后,怎样拿到表个里的所有数据

var url = layui.table.cache.test[index]["url"]; $("#show_pic").attr("src", url); 其中 test 是 table 的 id 原文地址:https://www.cnblogs.com/mentiantian/p/10218074.html

layui table 列宽百分比显示

var layer = layui.layer, form = layui.form, table = layui.table; var $ = layui.$; /*select gysmc,zyzw ,xm ,sjhm ,bgshm ,emilyx , zgsrgzwsj ,zggsgl ,cast(gysxxid as int) as gysxxid, pc, gysryxxMdataID as ID,sjbs from gysryxxMdata*/ var tableInit = tab