bootstrap table是一个很好的集成展示表格的工具，但是集成的东西要设置个性化界面样式比较麻烦。如果一个个都用浏览器调试获取样式并做修改未免太麻烦了。以下是比较常用的bootstrap table表格的相关样式更改。有需要的可以来获取，如有错漏，敬请各位同仁批评指正！！

1. bootstrap table 控制checkbox在某些状态不显示

首先columns:[{field:'column',checkbox:true}];
然后设置$("#tableName").bootstrapTable('hideColumn','column')
columns: [
	{
		checkbox: false,
		formatter: function(value, row, index) {
			if (row.status){
				return '<label><input data-index="' + index + '" name="btSelectItem" type="checkbox"><span></span></label>';
			}else {
				return '';
			}
		}
	},
	{
		...
	}
]

//说明：columns:[{field:'column',checkbox:true}];为可以一键点击全选的多选框。
//一旦设置下面代码实现某些行的多选框不显示，则不能一键点击全选，只能一个个多选框点击全选。
columns: [
	{
		checkbox: false,
		formatter: function(value, row, index) {
			if (条件){
				return '样式';
			}else {
				return '';
			}
		}
	},
	......
]

2. 选择表格某列具体数据

选择表格行具体列 $.table.selectColumns
var loginName = $.table.selectColumns("loginName");
选择表格行首列 $.table.selectFirstColumns
var firstColumn = $.table.selectFirstColumns();
//说明：$.table.selectSecondColumns();是不生效的。

3. 设置某列或者某行的样式

//设置行样式
rowStyle: function(row, index) {	
	// 参数说明：
	//row, 行对象，row.xxx, 能获取某个字段的值
	//index ，第几行
	
	// 逻辑判断
	// if (){
	// }else{
	// }...
	return  {css:{"background-color":'rgba(245,245,245,0.7)'}};
}
//设置列样式
cellStyle:function(value,row,index){
	// 参数说明：
	// value ，当前单元格的值
	// row，当前行的对象，row.xxx, 能获取某个字段的值
	//index ，第几行
	
	// 逻辑判断
	// if (){
	// }else{
	// }.....            
	return {css:{"background-color":"rgba(255,250,250,0.7)"}};    
}
//说明：我设置背景颜色老是调试不成功，只能退而求其次，设置字体颜色。另外，设置border样式也不成功。个人第一次用这种写法，还不是很清楚语法。欢迎各位同仁不吝赐教。

4. 序号自动生成

{
	title: "序号",
	formatter: function (value, row, index) {
		return $.table.serialNumber(index);
	}
},

4. 先写到这里，后面再来补充。（主要是行列动态样式挺好玩的，有机会再来继续学习。）