bootstrap表格 行编辑状态_bootstrap table实现单击单元格可编辑功能

要使bootstrap-table实现可编辑，需要配合使用x-editable插件。

先在页面上导入必要的css和js文件

bootstrap-table demo

$(function(){

$('#table').bootstrapTable({

url:'data.json',

columns:[

{field: 'id',title: 'ID'},

{field: 'name',title: '名称'},

{field: 'price',title: '单价'},

{field: 'number',title: '数量', sortable:true,

cellStyle:function(value,row,index) {

return {

"css":{

padding:'0px'

}

};

},

formatter:function(value,row,index){

if(value == undefined) return "0";

else return value;

},

editable:{

type:'text',

clear:false,

validate:function(value){