合并Bootstrap表格中的单元格

Question

我在Bootstrap Table合并单元格时遇到了麻烦 我找到了一个例子here。

但我不希望通过单击按钮执行合并，而是我想自动合并。

这是我的代码：

<table id='ViewTable'
       data-toggle='table'
       data-url='func/json.php?id=1'
       data-class='table table-hover table-condensed'
       data-striped='true'
       data-show-header='false'>
    <thead>
    <tr>
        <th data-field='picture'></th>
        <th data-field='description'></th>
        <th data-field='value'></th>
    </tr>
    </thead>
    </table>

    <script>
    $(document).ready(function() {
        $('#ViewTable').bootstrapTable('mergeCells', {
                index: 0,
                field: 'picture',
                rowspan: 12
        });
    });
    </script>

任何建议？

Answer 1

您可以使用post-body.bs.table事件做您想做的事情：

var $table = $('#ViewTable');

$(function () {
    $table.on('post-body.bs.table', function () {
        $table.bootstrapTable('mergeCells', {
            index: 0,
            field: 'picture',
            rowspan: 12
        });
    });
});

以下是jsFiddle示例。