当前位置: 主机百科 » 资源 » 技术 » 正文

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

bootstrap table定义代码:

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

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

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

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

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

未经允许不得转载:主机百科 » bootstrapTable设置行样式(背景颜色)

相关文章