css - 合并引导表中的单元格

Question

我在合并Bootstrap 表中的单元格时遇到了麻烦我在这里 找到了一个示例。

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

这是我的代码：

<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示例。