wenzhixin bootstrap-table 点击table单元格改变颜色

bootstrap-table用于展示数据非常方便，也需要满足一些个性化需求。比如点击窗格（td）标记下颜色，用于目测

代码如下，转载请注明

$("table").on('click-row.bs.table', function (e, row, $el) {//el['0'] is tr   $el is selected eleif ($el['0'].children[$el.context.cellIndex].className) {$el['0'].children[$el.context.cellIndex].className = '';} else {$el['0'].children[$el.context.cellIndex].className = 'success';}});

解释：

click-row.bs.table是行点击事件，其实还有个click-cell.bs.table点击窗格事件，但$el是string无法使用

$el是被点击的行，$el.context是被点击的窗格属性。通过children寻找该行下那个被点的子元素td并添加样式

转载于:https://www.cnblogs.com/elsonwe/p/7121993.html

wenzhixin bootstrap-table 点击table单元格改变颜色相关推荐

ant design 的table组件中设置单元格背景颜色
有时候我们在业务中会遇到一个表格,里面有很多数据, 这时候憨憨产品跑过来说,其中一个数据需要判断, 比如 age >18 的,背景颜色要标红, 18<age> 25的背景颜色要标 ...
html表格不同字号,wps同一单元格字体颜色不同
手机版WPS电子表格:如何让在同一个方格里字体颜色...就是因为没有这个功能,我一直没有入手安卓平板的原因, 我们每天需要吧最新工作进度跟新并标红,问题就在于标红的部分必须要和之前的工作进度放在一个框 ...
python-docx 设置Table 边框样式、单元格边框样式
python-docx 设置Table 边框样式.单元格边框样式 from docx.oxml.ns import qn from docx.oxml import OxmlElement from ...
html在线编辑器合并单元格,Bootstrap实现的表格合并单元格示例
本文实例讲述了Bootstrap实现的表格合并单元格.分享给大家供大家参考,具体如下: 1.问题背景利用Bootstrap设计表格,并且表格需要合并单元格 2.实现源码 Bootstrap-表格合并 ...
Swift之点击UITableView单元格动态改变cell高度
基于上一篇文章,继续需要实现点击相应的表格单元格动态改变cell的高度(上一篇文章的地址Swift之动态适配UITableView的cell高度) 首先需要实现UITableView的tableVie ...
Uipath Excel 设置单元格背景颜色
学习目标: 熟悉Uipath Excel 设置单元格背景颜色学习内容: Set Range Color 活动:设置Excel 单元格背景颜色学习时间: 本章内容约学习时间10分钟 Demo 演示: ...
UITableView单元格选择颜色？
本文翻译自:UITableView Cell selected Color? I have created a custom UITableViewCell . 我创建了一个自定义UITableVie ...
【table-4】带斑马纹的表格样式、动态更改表格中某一个单元格字体颜色
斑马纹表格(鼠标划过表格,表格颜色不变) 可以通过指定 Table 组件的 row-class-name 属性来为 Table 中的某一行添加 class,表明该行处于某种状态 <el-tabl ...
html设置单元格边框颜色
<!DOCTYPE <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> ...

wenzhixin bootstrap-table 点击table单元格改变颜色

wenzhixin bootstrap-table 点击table单元格改变颜色相关推荐

最新文章

热门文章