首页 > 其他分享 >zb-table自定义行样式

zb-table自定义行样式

时间:2023-12-29 11:55:22浏览次数:33  
标签:return 自定义 column zb 样式 table

h5开发中要展示个表格,找了一圈感觉zb-table比较合适,就用了这个。但自定义行样式一直找不到文章,网上写的都是el-table的自定义样式,误导了一些时间 看zb-table的源码

cellStyle是写在style里的,是个数组包含了个对象,所以return 的时候要返回一个对象,

setCellStyle({row, column, rowIndex, columnIndex}){
    if (column.label === '财年1' || column.label === '财年2') {
        return {background: '#3c9cff', color: '#fff'}
    }
}

这样就生效了

标签:return,自定义,column,zb,样式,table
From: https://www.cnblogs.com/alannero/p/17934582.html

相关文章

  • table表格 组件
     <template> <div>  <BaseTable   :searchConfig="searchConfig"   :operateBtnConfig="operateBtn"   :tableData="tableData"   :tableConfig="tableConfig"   :pagination="pagin......
  • WPF自定义控件之ItemsControl鱼眼效果
    原理先获取鼠标在控件中的坐标,在获取其每一项相对于ItemsControl的坐标,然后计算每一项离当前鼠标的距离,在根据这个距离,对其每一项进行适当的缩放实现创建一个类,命名为FishEyeItemsControl publicclassFishEyeItemsControl:ItemsControl 添加应用鱼眼效果方法(控制其控件......
  • Layui treeTable 使用【数据不显示、子级不显示】
    //返回JSON数据类publicclassLeaveMessageTreeTable{publicLeaveMessageTreeTable(){this.children=newList<LeaveMessageTreeTable>();this.isParent=false;}publicintId{get;set;}publicintUserId{get;s......
  • windows 创建自定义url协议 通过浏览器打开cmd
    打开regedit注册表编辑器找到HKEY_CLASSES_ROOT新建如下目录 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------......
  • CompletableFuture异步编程
    一、基本介绍1.1 多线程编程的发展过程创建线程的方式继承 Thread 类实现 Runnable 接口特点:没有参数,没有返回值,没办法抛出异常JDK 1.5 进阶版Callable + FutureCallable接口中定义的 V call() throws Exception,该方法可以返回泛型值 V,并能够抛出异常......
  • Unity_U_OP1 ScriptableObject 替代单例
    核心思想:解耦GameManager单例模式,不再由一个单例管理所有事件触发,拆分成无数个小单例,各自管理优点:更加灵活的事件管理模式复用性高,对于相关类型的事件,只需要写一遍代码,剩下的拖拖拖就可以实现相同的功能。缺点:管理起来相对麻烦不利于维护,除非对这个系统非常了解,要不然排......
  • drf高级之——自定义全局异常处理
    自定义全局异常处理 drf异常处理交给exception_handler处理了,但是没处理非drf的异常'EXCEPTION_HANDLER':'rest_framework.views.exception_handler' 我们可以重写一个exception_handler方法,处理drf异常和自己的异常以后只要出现异常,都会走到它方式如下: 第一步:首先......
  • nftables语法及例子
    nftables语法及例子来源  https://www.cnblogs.com/mind-water/articles/10789606.html 参考 https://wiki.nftables.org/wiki-nftables/index.php/Quick_reference-nftables_in_10_minutes 先上我自己实际测试通过的例子,用例子便于在实践中学习:#0---说明---下面......
  • C++ Qt开发:SqlTableModel映射组件应用
    Qt是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍SqlTableModule组件的常用方法及灵活运用。在多数情况下我们需要使用SQL的方法来维护数据库,但此......
  • 封装一个表情包组件(支持自定义表情图片)(基于vue3语法)
    效果图文件图直接贴代码emotion.vue<template><divclass="emotion-containerbeauty-scroll-livechat"><divclass="emotion-btn"@click="toggleEmotionShow"><spanclass="iconfonticon-biaoqing1&quo......