最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

bootstraptable给行怎么加背景色

来源:动视网 责编:小采 时间:2020-11-27 15:01:26
文档

bootstraptable给行怎么加背景色

bootstraptable给行怎么加背景色:bootstrap table给行怎么加背景色bootstrap table定义代码:$table.bootstrapTable({ showExport: true, height: 540, rowStyle:rowStyle,//通过自定义函数设置行样式 columns: [ { field: 'id', title:
推荐度:
导读bootstraptable给行怎么加背景色:bootstrap table给行怎么加背景色bootstrap table定义代码:$table.bootstrapTable({ showExport: true, height: 540, rowStyle:rowStyle,//通过自定义函数设置行样式 columns: [ { field: 'id', title:


bootstrap table给行怎么加背景色

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;
}

文档

bootstraptable给行怎么加背景色

bootstraptable给行怎么加背景色:bootstrap table给行怎么加背景色bootstrap table定义代码:$table.bootstrapTable({ showExport: true, height: 540, rowStyle:rowStyle,//通过自定义函数设置行样式 columns: [ { field: 'id', title:
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top