boostrapTable 设置行样式

曾经终败给现在 2023-02-28 05:24 11阅读 0赞

### 改变列颜色 ###

在所需要改变的字段里面添加属性

{ 
      field:"status",
        title:"状态",
        cellStyle: function (value, row , index) { 
            if(value == '是'){ 
                return {  css:{  "color":"#2D92FF" } }
            }else{ 
                return {  css:{  "color":"#999" } }
            }
        }
    },

### 添加按钮点击事件 ###

在添加vue.js的情况下使用

{ 
      field:"action",
      title:"操作",
      formatter: function (value,row,index,field) { 
        var val = row.id;  //需要什么值,直接传进去获取即可
         return '<button class="btn tansparentBtn activeStatusColor" οnclick="vm.modifyUserData('+ val +')"> 添加</button>' +
                '<button class="btn tansparentBtn activeStatusColor" οnclick="vm.deleteUserData(val)">删除</button>';
       }
    
    },
    
    
    //在vue的methods中写入这两个方法
    
    methods:{ 
    	 modifyUserData: function (e) { 
           console.log("增加")
             console.log(e)
         },
         deleteUserData: function (e) { 
            console.log("删除")
            console.log(e)
         }
    
    }

### 添加行样式 ###

发表评论取消回复

表情：

评论列表（有 0 条评论，11人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyExcel设置最后一行的样式【可以拓展为每一行】

1、概要本文主要是介绍表格最后一行的样式设置，可以根据本文内容，拓展成每一行的样式设置 2、需求介绍原来的表格如下，现在简单的想把合计行加粗 ![8e7f4

小鱼儿/ 2023年09月29日 16:19/ 0 赞/ 98 阅读

相关 23 - JavaScript 通过style对象设置行内样式

style属性的获取和修改在DOM当中，如果想设置样式，有两种形式： className（针对内嵌样式） style（针对行内样式）这篇文章，我们就来

朱雀/ 2023年06月13日 03:23/ 0 赞/ 101 阅读

相关 css设置元素样式隔行变色

通过使用nth-child这个css3的选择器可以很方便的实现隔行变色 odd表示选中奇数行 even表示选中偶数行 <!DOCTYPE html>

逃离我推掉我的手/ 2023年06月07日 05:58/ 0 赞/ 47 阅读

相关 boostrapTable 设置行样式

改变列颜色在所需要改变的字段里面添加属性 { field:"status", title:"状态", cellS

曾经终败给现在/ 2023年02月28日 05:24/ 0 赞/ 12 阅读

相关 boostrapTable 表头双行字体并颜色不一致

![设计图][20200908101558105.png_pic_center] 这是我的设计图的样式,在表格里面存在两个表头,并且在第一个表头里面有不同颜色的字体存在,

本是古典何须时尚/ 2022年12月04日 14:58/ 0 赞/ 149 阅读

相关 EasyExcel 批量设置单元格样式（字体样式、背景颜色、边框样式、对齐方式、自动换行）

1 Maven配置  <dependency> <groupId>cn.h

偏执的太偏执、/ 2022年11月09日 14:14/ 0 赞/ 10462 阅读

相关继续聊WPF——为ListView的行设置样式

1. <Window x:Class="Wpf\_GridHeaderStyle\_sample.Window1" 2. xmlns="http://schem

左手的ㄟ右手/ 2022年06月16日 07:41/ 0 赞/ 427 阅读

相关 css行内样式的属性设置，css的外部样式的设置

15 行内样式：行内样式1：是通过标签的style属性来设置元素的样式格式：<html 标签 style=”css样式代码”> 示例：<a style=”color

红太狼/ 2022年06月06日 03:07/ 0 赞/ 902 阅读

相关 bootstrapTable行样式设置

![在这里插入图片描述][20181231145534100.png] //按需求设置不同的样式：5个取值代表5中颜色\[‘active’, ‘success’, ‘inf

本是古典何须时尚/ 2022年04月01日 15:16/ 0 赞/ 551 阅读

相关 HTML段落自动换行的样式设置

在HTML的P标记中，默认情况下是自动换行的。如果你的段落是由中文字符或者英文单词组成的，这基本没什么问题。但是如果你的段落是由不间断的英文字母（浏览器会认为是一个单词）组

你的名字/ 2021年12月22日 15:03/ 0 赞/ 515 阅读