Thymeleaf——在不覆盖现有class属性的情况下动态添加CSS class解决方案

问题描述

th:class动态添加CSS class会覆盖现有class属性，导致class较多时，表达式过长。

官方文档

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#appending-and-prepending

解决方案

th:classappend：用于在不覆盖现有属性的情况下向元素添加CSS class。

<tr th:each="prod : ${prods}" class="row" th:classappend="${prodStat.odd}? 'odd'">

扩展

参考文章

https://blog.csdn.net/weixin_44357646/article/details/100837365

Thymeleaf——在不覆盖现有class属性的情况下动态添加CSS class解决方案相关推荐

vue给html动态添加属性,Vue中怎么动态添加类名？
能够向组件添加动态类名是非常强大的功能.它使我们可以更轻松地编写自定义主题,根据组件的状态添加类,还可以编写依赖于样式的组件的不同变体. 添加动态类名与在组件中添加 prop :class=" ...
mybatis的parameterType属性那些情况下要写哪些情况下不用写
不写: 如果是基本类型,或者是java自身的引用类型,在mybatis 运行时,会自动的进行匹配,可以省略parameterType属性. 写: 如果是你自己声明的一个类型,因为可能在引入的jar包 ...
python 给类添加属性_python – 如何动态添加属性到类中？
我想我应该扩大这个答案,现在我年纪大了,更聪明,知道发生了什么.迟到总比不到好. 您可以动态地向类添加属性.但是这是catch:你必须将它添加到类. >>> class Foo(ob ...
【17】有关python面向对象编程的提高【多继承、多态、类属性、动态添加与限制添加属性与方法、@property】...
一.多继承案例1:小孩继承自爸爸,妈妈.在程序入口模块再创建实例调用执行 #father模块 class Father(object):def __init__(self,money):self.m ...
使用localStorage存储数据每次调用setItem()它都会添加或覆盖现有值
JSON.stringify()的作用是将 JavaScript 对象转换为 JSON 字符串,而JSON.parse()可以将JSON字符串转为一个对象. 简单点说,它们的作用是相对的,我用JSON ...
MS Access 教程之如何在不覆盖标题字段的情况下将 Excel 数据导入 MS Access 现有表？
我收到这个问题的频率比 MS Access 中的任何其他问题都多. 我尝试了不同的直接导入方法,但除了一个调整之外没有任何效果!但是,我将我对此事的观察和发现总结如下. 由于 MS Access 选择 ...
[转载]Object-C 声明属性为什么用下划线，代码规范和编程风格_s芃成_新浪博客...
原文地址:Object-C 声明属性为什么用下划线,代码规范和编程风格作者:贞娃儿在阅读和书写关于iPhone编程的代码的时候,发现有很多这样的情况: 看到很多源代码里面,使用前面带下划线变量,然 ...
react 动态添加组件属性_这么高质量React面试题（含答案），看到就是赚到了！...
前言本文篇幅较长,全是干货,建议亲们可以先收藏慢慢看哦写文不易,欢迎大家一起交流,喜欢文章记得关注我点个赞哟,感谢支持! Q1 :什么是虚拟DOM? 难度::star: 虚拟DOM(VDOM)它是 ...
elasticsearch映射相关字段定义，属性定义，及动态映射（marvel插件方式）mapping
1.什么是Mapping映射? 映射:创建索引的时候,可以预先定义字段的类型及相关属性作用:这样会让索引建立的更加的细致和完善分类:静态映射和动态映射 Type ES type Descripti ...