首页 > 其他 > 详细

bootstrapTable定位行固定滚动条

时间:2019-04-11 16:46:30      阅读:633      评论:0      收藏:0      [点我收藏+]

写在前面:

  当页面table列表数据有修改后,用户需要再次回到修改的行位置。

 

1.当修改行数据后,table刷新,行数据位置前后不发生改变 ,可使用下面这种方法:

            /*获取当前滚动条的位置*/
                    var scollPostion = $(‘#table‘).bootstrapTable(‘getScrollPosition‘);
                    var obj = $("#table tr:nth-child("+ (index+1) +") td:nth-child("+ (11) +").editable");
                    var attrValue = trim1(obj.first().find("input").val());
                    dataArrr[index].fourthStandardConfig = attrValue;
                    tab.setData(dataArrr);
                    mergeCell1(dataArrr);
                    mergeCell2(dataArrr);
                    mergeCell3(dataArrr);
                    /*刷新数据后,再次回到原始滚动的位置*/
                    setTimeout(function() {
                        $(‘#table‘).bootstrapTable(‘scrollTo‘, scollPostion);
                    }, 200);

 

2.当修改行数据后,table刷新,行数据位置发生改变,可使用下面这种方法:

               var table = $("#deptTable");
                        /*等table加载完后触发*/
                        table.on(‘post-body.bs.table‘, function () {
                            var dep = result.substring(result.indexOf(":") + 1);
                            var target = table.find("tr[data-uniqueid=‘" + dep + "‘]");
                  //定位修改后的行的位置 var offset = target.offset().top - table.offset().top - 50; table.bootstrapTable(‘scrollTo‘, offset); //给指定行染个色
                 table.find("tr[class=‘success‘]").attr("class",""); target.attr("class","success"); });

 

参考:

 https://www.liangzl.com/get-article-detail-20409.html---Bootstrap Table 定时刷新固定滚动条的位置

  

 

bootstrapTable定位行固定滚动条

原文:https://www.cnblogs.com/eleven258/p/10690245.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!