Я использую bootstrap-table и bootstrap-table-editable, чтобы иметь редактируемые ячейки. Если ячейка представляет собой строку json, редактируемая ячейка имеет неправильный формат (как строка).
html
<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">
<thead>
<tr>
<th data-field="name" data-halign="center" data-align="left" data-sortable="true">Name</th>
<th data-field="stargazers_count" data-halign="center" data-align="left" data-sortable="true">Stars</th>
<th data-field="forks_count" data-halign="center" data-align="left" data-sortable="true" data-editable="true">Forks</th>
<th data-field="description" data-halign="center" data-align="left" data-sortable="true" data-editable="true">Description</th>
</tr>
</thead>
</table>
javascript
$.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
});
Ячейки последнего столбца имеют формат [object Object]