Bootstrap Table 学习笔记之列参数(一)
title
field
表格列数据的字段。
radio
radio:true
启用。
checkbox
checkbox:true
启用。
titleTooltip
定义把鼠标放在列头上时提示的文字。
class
定义列所用的样式类名。
.red{color: #ff0000}
,再在列参数中启用
class:'red'
var operatorObj = {
operateFormatter:function(value, row, index) {//初始操作栏的按钮
return ['<a class="write" href="javascript:void(0)" title="查看详情" style="margin:0">',
'<i class="glyphicon glyphicon-eye-open"></i>查看详情',
'</a>'
].join('');//配置表格操作栏的内容
},operateEvents:{//点击时触发的事件
'click .write': function (e, value, row, index) {
alert(row.name);
$('#table').bootstrapTable({
url: 'data/data1.json',
columns: [{
field: 'statebox',
checkbox: true
field: 'name',
title: '姓名',
class:'red'
field: 'age',
title: '年龄',
sortable:true,
formatter:function(value,row,index){
return getValue(value);
field: 'id',
title: '证件号'
width: "150px",
field: 'operate',
title: '相关操作',
align: 'center',
events: operatorObj.operateEvents,
formatter: operatorObj.operateFormatter
striped:true,
showColumns:true,
showToggle:true
function getValue(value,row,index){
if(value >= 18){
return "<span>已成年</span>";
}else{
return "<span>未成年</span>"
</script>