bootstrapTable设置行样式(背景颜色)

小Z 2019-08-27 07:44 主机之家测评 | 隐藏边栏 | 抢沙发 | 627 0

文章评分 0 次，平均分 0.0 ：

bootstrap table 定义代码：

  $table.bootstrapTable({      showExport: true,      height: 540,      rowStyle:rowStyle,//通过自定义函数设置行样式      columns: [          {              field: 'id',              title: '序号',              align: 'center',              sortable: true          }, {              field: 'sid',              title: '学号',              align: 'center'          },      ]  });

bootstrapTable 设置行样式(背景颜色)函数 1：通过调用 bootstrap 默认的样式来设置指定行的背景颜色

  function rowStyle(row, index) {      var classes = ['active', 'success', 'info', 'warning', 'danger'];      if (index % 2 === 0 && index / 2 < classes.length) {          return {              classes: classes[index / 2]          };      }      return {};  }

bootstrapTable 设置行样式(背景颜色)函数 2：调用自定义样式设置指定行的字体颜色

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

声明：1、本博客不从事任何主机及服务器租赁业务，不参与任何交易，也绝非中介。博客内容仅记录博主个人感兴趣的服务器测评结果及一些服务器相关的优惠活动，信息均摘自网络或来自服务商主动提供；所以对本博客提及的内容不作直接、间接、法定、约定的保证，博客内容也不具备任何参考价值及引导作用，访问者需自行甄别。2、访问本博客请务必遵守有关互联网的相关法律、规定与规则；不能利用本博客所提及的内容从事任何违法、违规操作；否则造成的一切后果由访问者自行承担。3、未成年人及不能独立承担法律责任的个人及群体请勿访问本博客。4、一旦您访问本博客，即表示您已经知晓并接受了以上声明通告。