修改 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 class="detail-view"><td colspan="%s"></td></tr>', $tr.find('td').length));
    $tr.after(sprintf('<tr class="detail-view detail-view-head"></tr>'));
    $tr.after(sprintf('<tr class="detail-view detail-view-body"></tr>'));
    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样式的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# bootstrap  # table样式  # detailview  # BootstrapTable refresh 方法使用实例简单介绍  # bootstrap table 数据表格行内修改的实现代码  # 给大家  # 小编  # 在此  # 说了  # 不多  # 所示  # 所述  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # current  # row  # Fix  # parent  # click  # function  # var  # returns  # wrong 

相关文章： 高防服务器如何保障网站安全无虞？  如何通过商城免费建站系统源码自定义网站主题？  香港网站服务器数量如何影响SEO优化效果？  Python文件管理规范_工程实践说明【指导】  历史网站制作软件,华为如何找回被删除的网站？  建站主机空间推荐 高性价比配置与快速部署方案解析  如何选择靠谱的建站公司加盟品牌？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  建站之星如何取消后台验证码生成？  如何在七牛云存储上搭建网站并设置自定义域名？  开源网站制作软件,开源网站什么意思？  北京网站制作网页,网站升级改版需要多久？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  如何实现建站之星域名转发设置？  中山网站推广排名,中山信息港登录入口？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  零服务器AI建站解决方案：快速部署与云端平台低成本实践  建站之星备案是否影响网站上线时间？  如何高效搭建专业期货交易平台网站？  常州自助建站工具推荐：低成本搭建与模板选择技巧  ,网页ppt怎么弄成自己的ppt？  建站之星安装后如何自定义网站颜色与字体？  如何高效生成建站之星成品网站源码？  山东云建站价格为何差异显著？  网站按钮制作软件,如何实现网页中按钮的自动点击？  建站之星代理如何优化在线客服效率？  定制建站如何定义？其核心优势是什么？  建站之星五站合一营销型网站搭建攻略，流量入口全覆盖优化指南  PHP正则匹配日期和时间(时间戳转换)的实例代码  怎么制作一个起泡网,水泡粪全漏粪育肥舍冬季氨气超过25ppm，可以有哪些措施降低舍内氨气水平？  如何通过PHP快速构建高效问答网站功能？  青浦网站制作公司有哪些,苹果官网发货地是哪里？  如何设计高效校园网站？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  如何快速搭建二级域名独立网站？  红河网站制作公司,红河事业单位身份证如何上传？  建站主机服务器选型指南与性能优化方案解析  如何快速完成中国万网建站详细流程？  如何通过云梦建站系统实现SEO快速优化？  如何在服务器上配置二级域名建站？  义乌企业网站制作公司,请问义乌比较好的批发小商品的网站是什么？  外汇网站制作流程,如何在工商银行网站上做外汇买卖？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  制作网站怎么制作,*游戏网站怎么搭建？  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  常州自助建站费用包含哪些项目？  建站主机无法访问？如何排查域名与服务器问题  如何在Golang中引入测试模块_Golang测试包导入与使用实践  详解jQuery停止动画——stop()方法的使用  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站？