title: Editable cells formatting in bootstrap table
body: <p>I use <a href="http://bootstrap-table.wenzhixin.net.cn/" rel="nofollow">bootstrap-table</a> and <a href="http://bootstrap-table.wenzhixin.net.cn/extensions/#table-editable" rel="nofollow">bootstrap-table-editable</a> to have editable cells. If cell is stringified json, editable cell isn't formatted correctly (as a string).</p>
  
  <p><a href="https://jsfiddle.net/0oehnzk2/1/" rel="nofollow">jsfiddle</a></p>
  
  <p><strong>html</strong></p>
  
  <pre><code>&lt;table class="table table-striped table-bordered table-hover"  cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true"&gt;
      &lt;thead&gt;
      &lt;tr&gt;
          &lt;th data-field="name" data-halign="center" data-align="left" data-sortable="true"&gt;Name&lt;/th&gt;
          &lt;th data-field="stargazers_count" data-halign="center" data-align="left" data-sortable="true"&gt;Stars&lt;/th&gt;
          &lt;th data-field="forks_count" data-halign="center" data-align="left" data-sortable="true" data-editable="true"&gt;Forks&lt;/th&gt;
          &lt;th data-field="description" data-halign="center" data-align="left" data-sortable="true" data-editable="true"&gt;Description&lt;/th&gt;
      &lt;/tr&gt;
      &lt;/thead&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p><strong>javascript</strong></p>
  
  <pre><code>$.fn.editable.defaults.mode = 'inline';
  
  var data = [{name: 'John', stargazers_count: 232, forks_count: 214, description: "{x:5,y:6}"},
             {name: 'Craig', stargazers_count: 234, forks_count: 224, description: "{x:5,y:6}"},
             {name: 'Barry', stargazers_count: 238, forks_count: 234, description: "{x:5,y:6}"}]
  
  $('table').bootstrapTable({
      data: data,
      sortable: true,
      editable: true
  });
  </code></pre>
  
  <p>Cells of last column are formatted as <em>[object Object]</em></p>