Bootstrap Table With Editable

Example of Bootstrap Table with Editable Extension

HTML

<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<link rel="stylesheet" href="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/css/bootstrap-editable.css">
<script src="//rawgit.com/vitalets/x-editable/master/dist/bootstrap3-editable/js/bootstrap-editable.js"></script>
<script src="https://rawgit.com/wenzhixin/bootstrap-table/master/src/extensions/editable/bootstrap-table-editable.js"></script>
<BR><BR><BR><BR><BR><BR><BR>



      
<table id="table" data-pagination="true" class="table table-striped">

</table>

JavaScript

var data = [{"Text_example": 1},{"Text_example": 2},{"Text_example": 3}];



$('#table').bootstrapTable({
  columns: [
   {
      field: 'Select_example',
      title: 'Select_example',
      editable: {
        type: 'select'
      }
    },
    {
      field: 'Text_example',
      title: 'Text_example',
       editable: {
        type: 'select',
        source:  textData
      }
    }
  ],
  data: data
});