bootstraptable怎么添加按钮

Bootstrap中几乎所有出现框型的地方，都使用了圆角，实现圆角的代码如下

border: 1px solid #cccccc

-webkit-border-radius: 3px

-moz-border-radius: 3px

border-radius: 3px

一定要注意最后3行的顺序。

按照HTML标准，按钮的表示如下：

<input class="class1 class2" type="button" value="这是一个按钮" style="">

1，在上面的代码中里面的style属性，把要修改的属性直接写到style里面，属性与值之间用冒号分割，多个属性间用分号分隔，如

style="width:100pxbackground-color:#123"

2，为元素应用样式类，即上面代码里面的class里面的内容，其中的每个值都代表一个已定义的样式类，多个样式类之间用空格隔开，样式类一般定义在单独的样式文件中，比如下面图片中的内容是bootstrap.css里面的部分内容，其中以点开始的如container就是样式类了。

3，对于前端开发而言，目前有许多比较流行的开源框架，里面都预定义了一些常用的样式，比如你说的按钮，在bootstrap中，通过简单的使用class="btn btn-default"就可以将任意元素表现成一个按钮的样子

<span style="font-family:'Times New Roman'font-size:18px">$table.bootstrapTable({

//url: 'json/dev.json',

data: wcssdata,

toolbar: '#toolbar', //工具按钮用哪个容器

//striped: true, //是否显示行间隔色

cache: false, //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）

pagination: true, //是否显示分页

sortable: true, //是否启用排序

sortOrder: "asc", //排序方式

//queryParams: postQueryParams,//传递参数（*）

//sidePagination: "server",      //分页方式：client客户端分页，server服务端分页（*）

pageSize: 20, //每页的记录行数（*）

pageList: [10, 25, 50, 100], //可供选择的每页的行数（*）

strictSearch: true,

//height: table_h, //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度,设置了行高后编辑时标头宽度不会随着下面的行改变，且颜色也不会改变？？？？

uniqueId: "id", //每一行的唯一标识，一般为主键列

cardView: false, //是否显示详细视图

detailView: false, //是否显示父子表

paginationHAlign: "left",

singleSelect: true,

//search:true,               //是否显示表格搜索，此搜索是客户端搜索，不会进服务端

//strictSearch: true,

//showColumns: true, //是否显示所有的列

//showRefresh: true, //是否显示刷新按钮

clickToSelect: true, //是否启用点击选中行

paginationPreText: "<<",

paginationNextText: ">>",

columns: [{

checkbox: true,

}, {

field: 'id',

title: '序号',

width: "75px",

}, {

field: 'seq_no',

title: '编号',

}, {

field: 'type',

title: '类型',

}, {

field: 'position',

title: '位置',

}, {

field: 'status',

title: '设备状态',

}, {

field: 'fault',

title: '故障现象',

}, {

field: 'purchase_time',

title: '采购时间',

}, {

field: 'quality_time',

title: '出保时间',

}, {

field: 'maintain_unit',

title: '维护单位',

}, {

field: 'inputer',

title: '录入者',

}, {

field: 'operate',

title: ' *** 作',

width: '80px',

events: operateEvents1,

formatter: operateFormatter

}, ],

/*处理json数据需要配置此项

* responseHandler: function (res) {

return res.rows

}*/

})</span>

<span style="font-family:'Times New Roman'font-size:18px">window.operateEvents1 = {

'click .RoleOfA': function(e, value, row, index) {

detailmodal.open()

$("#dev_id").val(row.id)

$("#seq_no").val(row.seq_no)

$("#dev_pos").val(row.position)

$("#dev_type1").val(row.type)

$("#dev_status").val(row.status)

$("#fault").val(row.fault)

$("#buy_time").val(row.purchase_time)

$("#quality_time").val(row.quality_time)

$("#inputer").val(row.inputer)

$("#maintain_unit").val(row.maintain_unit)

for(var i in row) console.log(i)

}

}

function operateFormatter(value, row, index) {

return [

'<button id="btn_detail" type="button" class="RoleOfA btn-default bt-select">详情</button>',

].join('')

}</span>

---