Слияние ячеек в бутстрапе Таблица

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> 

Любые suggetions?

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 пример.