title: Why is my Bootstrap-Editable with Bootstrap-tables not working?
body: <p>I am creating a table which needs editable fields..</p>
  
  <p>This jquery element is appended to the page:</p>
  
  <pre><code>var container = $('#up-modal .modal-body');
  var table = $('&lt;table&gt;&lt;/table&gt;');
  table.attr('id','up-table');
  table.attr('style','width:auto;');
  table.attr('data-toggle', 'table');
  table.attr('data-search', 'true');
  table.attr('data-maintain-selected', 'true');
  table.attr('data-pagination','true');
  table.attr('data-page-size',3);
  container.append(table);
  </code></pre>
  
  <p>following this, the bootstrap table function is called</p>
  
  <pre><code>$("#up-table").bootstrapTable({
      columns:[
          {
              field: 'id',
              title: 'ID',
              align: 'center'
          },
          {
              field: 'Permission',
              title: 'Permission',
              searchable: true
          },
          {
              field: 'Extended',
              name: 'Extended',
              title: 'Properties',
              editable:{
                  type: 'text',
                  pk: 1,
                  title: 'Modify Properties',
                  name: 'Extended',
                  validate: function(value){
                      value = $.trim(value);
                      try{
                          JSON.parse(value);
                      }catch(e){
                          return 'Invalid json provided for properties';
                      }
                  }
              }
          },
          {
              field: 'Access',
              title: 'Access',
              checkbox:true
          }
      ],
      data: tableData
  });
  </code></pre>
  
  <p>The table is drawn correctly, but the fields are not editable.  I can call <code>$('.editable').editable(options)</code> after the table is built and that works fine, but that stops working when pagination is involved.</p>
  
  <p>I am using this example as a reference <a href="https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html" rel="nofollow">https://github.com/wenzhixin/bootstrap-table-examples/blob/master/welcome.html</a></p>
  
  <p>oh, and I should mention the proper scripts and css files are locally hosted and being included correctly in my html.</p>
  
  <p>Library quick links:<br>
  <a href="https://vitalets.github.io/bootstrap-editable/" rel="nofollow">https://vitalets.github.io/bootstrap-editable/</a><br>
  <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">http://bootstrap-table.wenzhixin.net.cn/</a></p>