修改 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 

相关文章： 如何在Golang中使用encoding/gob序列化对象_存储和传输数据  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  宝塔Windows建站如何避免显示默认IIS页面？  网站制作公司排行榜,抖音怎样做个人官方网站  如何确保西部建站助手FTP传输的安全性？  单页制作网站有哪些,朋友给我发了一个单页网站，我应该怎么修改才能把他变成自己的呢，请求高手指点迷津？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  如何在IIS中新建站点并配置端口与IP地址？  Android自定义控件实现温度旋转按钮效果  如何破解联通资金短缺导致的基站建设难题？  如何基于云服务器快速搭建个人网站？  手机钓鱼网站怎么制作视频,怎样拦截钓鱼网站。怎么办？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  宁波自助建站系统如何快速打造专业企业网站？  建站之星价格显示格式升级，你的预算足够吗？  如何挑选最适合建站的高性能VPS主机？  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍？  如何在服务器上三步完成建站并提升流量？  如何用AWS免费套餐快速搭建高效网站？  兔展官网 在线制作,怎样制作微信请帖？  如何选择香港主机高效搭建外贸独立站？  如何选择高效便捷的WAP商城建站系统？  建站主机CVM配置优化、SEO策略与性能提升指南  在线制作视频的网站有哪些,电脑如何制作视频短片？  建站一年半SEO优化实战指南：核心词挖掘与长尾流量提升策略  如何优化Golang Web性能_Golang HTTP服务器性能提升方法  已有域名能否直接搭建网站？  如何在IIS管理器中快速创建并配置网站？  淘宝制作网站有哪些,淘宝网官网主页？  如何快速搭建高效香港服务器网站？  相亲简历制作网站推荐大全,新相亲大会主持人小萍萍资料？  外贸公司网站制作,外贸网站建设一般有哪些步骤？  mc皮肤壁纸制作器,苹果平板怎么设置自己想要的壁纸我的世界？  如何通过可视化优化提升建站效果？  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站？  网站网页制作电话怎么打,怎样安装和使用钉钉软件免费打电话？  建站主机功能解析：服务器选择与快速搭建指南  如何在云主机快速搭建网站站点？  高性价比服务器租赁——企业级配置与24小时运维服务  如何通过西部建站助手安装IIS服务器？  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况？  建站之星上传入口如何快速找到？  如何快速搭建FTP站点实现文件共享？  ,石家庄四十八中学官网？  再谈Python中的字符串与字符编码（推荐）  如何确保FTP站点访问权限与数据传输安全？  jQuery 常见小例汇总  深圳网站制作平台,深圳市做网站好的公司有哪些？  如何快速配置高效服务器建站软件？  制作公司内部网站有哪些,内网如何建网站？