bootstrap table 设置行背景色

先看一个例子:



	




知识点:

1、隐藏某一列,可以使用visible:false 属性设置;

2、表格添加多选按钮,可以在columns中添加checkbox:true属性,如果要点击某个选中,可以配置data-click-to-select="true"

3、获取选中行数据:

var rows = $('#mytab').bootstrapTable('getSelections');

4、设置表格高度:$(".fixed-table-body").height(420); 这样,当表格中数据超过时会自动出现滚动条。

5、设置某行背景色:

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

6、表格前面的checkout禁用:

{
	checkbox : true,
	width : 50,
	formatter: function(value, row, index) {
		if(row.status === 0){//如果已经操作禁止选择
			return { disabled : false,}
		}else{
			return { disabled : true,}
		}
	}
},

 

你可能感兴趣的:(web前端)