引导表中的可编辑单元格格式

时间:2022-02-19 16:46:47

I use bootstrap-table and bootstrap-table-editable to have editable cells. If cell is stringified json, editable cell isn't formatted correctly (as a string).

我使用bootstrap-table和bootstrap-table-editable来创建可编辑的单元格。如果单元格是字符串化json,则可编辑单元格格式不正确(作为字符串)。

jsfiddle

的jsfiddle

html

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

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
});

Cells of last column are formatted as [object Object]

最后一列的单元格格式为[object Object]

1 个解决方案

#1


-1  

I opened an issue on Github, where is solution.

我在Github上打开了一个问题,解决方案在哪里。

#1


-1  

I opened an issue on Github, where is solution.

我在Github上打开了一个问题,解决方案在哪里。