修改 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样式的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持!