这篇文章将为大家详细讲解有关如何修改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.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');
    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样式”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

标题名称：如何修改bootstraptable默认detailRow样式
当前URL：http://myzitong.com/article/jscghh.html