修改 bootstrap table 默认detailRow样式的实例代码

修改 bootstrap table 默认detailRow样式的实例代码

废话不多说了，直接给大家贴代码，具体代码如下所示：

this.$body.find('> tr[data-index] > td > .detail-icon').off('click').on('click', function () {

var $this = $(this), //a.detail-icon

$tr = $this.parent().parent(), //current row

index = $tr.data('index'),

row = data[index]; // Fix #980 Detail view, when searching, returns wrong row

// remove and update

if ($tr.next().is('tr.detail-view')) { //exsit

$this.find('i').attr('class', sprintf('%s %s', that.options.iconsPrefix, that.options.icons.detailOpen));

that.trigger('collapse-row', index, row);

$tr.next().remove();

$tr.next().remove();

} else { //not exsit and add

$this.find('i').attr('class', sprintf('%s %s', that.options.iconsPrefix, that.options.icons.detailqNDviClose));

//$tr.after(sprintf('

$http://tr.after(sprintf('

$tr.after(sprintf('

var $element1 = $tr.next();

var $element2 = $element1.next();

//var $

//var $element = $tr.next().find('td');

var content = calculateObjectValue(that.options, that.options.detailFormatter, [index, row, $element1, $element2], '');

//console.log(content); //head , body Object

if($element1.length === 1) {

$element1.append(content.head);

$element2.append(content.body);

}

that.trigger('expand-row', index, row, $element1, $element2);

}

that.resetView();

return false;

});

以上所述是给大家介绍的修改 bootstrap table 默认detailRow样式的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。