bootstrapTable行样式设置

本是古典何须时尚 2022-04-01 15:16 451阅读 0赞

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

options.rowStyle = function (row, index) { 
                    var style = "";
                    style='active';
                    return {  classes: style }
                };

\*\*

## 隔行变色 ##

\*\*

1.  对象.striped = true  
    ![在这里插入图片描述][20181231145848877.png]
2.  css样式更改

table tr:nth-child(even){ 
            background: #ccc;
        }

![在这里插入图片描述][2018123115000978.png]

1.  自定义字体颜色，或者背景颜色（全文中的options是我自己这个项目定义的，不要照抄）

options.rowStyle = function (row, index) { 
                    var style = { };
                    style={ css:{ 'color':'#ed5565'}};
                    return style;
                } ;

## 鼠标放到列表上时，那行的底色变化 ##

.table>tbody>tr:hover { 
            background-color:#99FF33;
        }

![在这里插入图片描述][20190102000145959.png]

[20181231145534100.png]: /images/20220401/fe5fd666869e4c49a6185d31688fc72a.png
[20181231145848877.png]: /images/20220401/fc95f4a10bc245ec8185ed76099a17cc.png
[2018123115000978.png]: /images/20220401/5b38466526b34e168f8a46ed4e743d17.png
[20190102000145959.png]: /images/20220401/44b45da73ece4e2ebd6549cc2047bbf1.png

发表评论取消回复

表情：

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

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

相关阅读

相关 bootstrapTable 动态设置行（rowStyle）的颜色和列（cellStyle 单元格）的颜色

动态修改行颜色的方法 rowStyle: function(row, index) { // 参数说明： //row, 行对象，row.x

朴灿烈づ我的快乐病毒、/ 2023年01月13日 14:54/ 0 赞/ 777 阅读

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

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

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

相关 BootStrapTable.JS 单元格不换行的实现

字段过长容易导致 BootStrapTable.JS 实现的 Table 文字自动换行。 The width of column. If not defined, the w

曾经终败给现在/ 2022年07月14日 00:28/ 0 赞/ 620 阅读

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

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

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

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

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

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

相关 bootstrapTable行内动态编辑行中某列字段数据

今天开发者遇到了一个需求：在一个table数据中，点击某行的某一个列数据就行修改该行该字段的属性值（另一篇博文有优化方法）。前言：在网上搜索了一番，使用[x-edit

谁践踏了优雅/ 2022年05月20日 03:41/ 0 赞/ 1234 阅读

相关 Excel 样式设置

常用操作 [POI中设置Excel单元格格式（背景色，居中，字体，边框，列宽，行高，自动换行等）][POI_Excel] 设置列宽自动必须在单元格设值以后，再进

缺乏、安全感/ 2022年05月09日 00:26/ 0 赞/ 216 阅读

相关 bootstrapTable行样式设置

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

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

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

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

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

相关 bootstraptable设置checkbox单选

[bootstraptable设置checkbox单选][bootstraptable_checkbox] bootstrap-table.js源码里面可配置,搜索singl

比眉伴天荒/ 2021年10月15日 01:49/ 0 赞/ 1529 阅读