修改 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(),//currentrow
index=$tr.data('index'),
row=data[index];//Fix#980Detailview,whensearching,returnswrongrow
//removeandupdate
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{//notexsitandadd
$this.find('i').attr('class',sprintf('%s%s',that.options.iconsPrefix,that.options.icons.detailClose));
//$tr.after(sprintf('',$tr.find('td').length));
$tr.after(sprintf(''));
$tr.after(sprintf(''));
var$element1=$tr.next();
var$element2=$element1.next();
//var$
//var$element=$tr.next().find('td');
varcontent=calculateObjectValue(that.options,that.options.detailFormatter,[index,row,$element1,$element2],'');
//console.log(content);//head,bodyObject
if($element1.length===1){
$element1.append(content.head);
$element2.append(content.body);
}
that.trigger('expand-row',index,row,$element1,$element2);
}
that.resetView();
returnfalse;
});
以上所述是小编给大家介绍的修改bootstraptable默认detailRow样式的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！