写在前面:

当页面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.cnblogs.com/eleven258/p/10690245.html

html滚动条固定前几行,bootstrapTable定位行固定滚动条相关推荐

  1. excel 固定前几行

    问题描述 原本只需要固定第一行,后面因为需要,想固定前2行,百度了一下,一般解决办法,我试了一下,不能用(我的列数比较多,一页不能显示完全) 解决办法 这办法是偶然间发现的. 1.固定第一行 视图 & ...

  2. Excel文件首行固定前n行固定首列固定前n列固定

    1.首行首列固定 2.前n行固定 或者 前n列固定 选中第n+1行 或者 第n+1列,在冻结窗口下来选项中,选 "冻结拆分窗格"命令. 3.固定前n行前m列.(此处以n=3,m=5 ...

  3. element-ui table表格 增加合计行 和 表格列固定之后 滚动条无法滚动

    element-ui table表格 增加合计行 和 表格列固定之后 滚动条无法滚动 是因为el-table__fixed或el-table__fixed-right有了合计之后把 el-table_ ...

  4. bootstrap-table、antd-table组件(react)实现首行、首列固定的表格

    小剧情 成本系统规划使用react,可是基于业务需要离不开老版OA(bootstrap jquery)中的工作流,本来是可以尽情使用react的,前边挡头大象的无力感还是有的. 多次开会渴望的眼神盯着 ...

  5. qtabwidget设置表头_Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例...

    我们在开发过程中对于表格使用频率还是挺高的,使用QT框架开发时候我们使用QTableView或者QTableWidget创建表格. 其中表格分为 表格头与表格体: 对于简单地表格,我们可以设置表头来满 ...

  6. tablewidget 多行表头_Qt GUI图形图像开发之QT表格控件QTableView,QTableWidget复杂表头(多行表头) 及冻结、固定特定的行的详细方法与实例...

    我们在开发过程中对于表格使用频率还是挺高的,使用QT框架开发时候我们使用QTableView或者QTableWidget创建表格. 其中表格分为 表格头与表格体: 对于简单地表格,我们可以设置表头来满 ...

  7. shell 文本后几行_shell_wc(统计数目)、head(查看前几行)、tail(查看末尾几行)...

    wc -c filename:显示一个文件的字节数 wc -m filename:显示一个文件的字符数 wc -l filename:显示一个文件的行数 wc -L filename:显示一个文件中的 ...

  8. [转]如何让DIV固定在页面的某个位置而不随着滚动条随意滚动

    首先,我们将目光投向了CSS规范,我想很多人和我一样很快就想到了position属性,说到定位,我们很容易想到这个属性.这个属性一共有四个 选项:static.relative.absolute.fi ...

  9. sql如何取前几行_10 个不为人知的 SQL 技巧

    在 SQL 中,我们不关心数据库是如何检索信息的,就可以得到结果.本文介绍了使用声明式 SQL10 个不为人知的技巧. 从早期开始,编程语言设计者就有这样的愿望:设计一种语言,在这种语言中,告诉机器我 ...

最新文章

  1. 一个 Java 对象到底有多大?
  2. Java动态调用方法
  3. 日常生活小技巧 -- word中插入visio和视频
  4. 遮掩java_Java炸弹:重载、重写、隐藏、遮蔽、遮掩(2)
  5. 怎样把java换主题_如何为Eclipse安装主题(Color Theme)
  6. 如何获取元素与当前可视区域顶部的距离
  7. Android学习笔记之ListView与Item的焦点冲突处理
  8. (四)机器学习方法的分类
  9. windows ce 专题
  10. 一些专业术语的中英文对照
  11. 操作系统-虚拟内存技术
  12. display:inline-bock的注意
  13. PyTorch安装教程(最简单方法)
  14. 那些你必须知道的CMMI认证知识!
  15. 重建控制文件,并且不干净的关闭数据库测试
  16. c语言除法留小数点两位小数,高精度除法小数点位数
  17. 跨域下的iframe自适应高度
  18. 30天自制操作系统_序
  19. 最小二乘法的详细解释
  20. 给简书找BUG赢好礼17.04.11——简书iOS 3.5.0 公测【 App内支持提现/创作流程优化】...

热门文章

  1. [转载] excel调用python编程-超简单:用Python让Excel飞起
  2. Linux命令——finger
  3. ps、markman、cutterman下载地址
  4. 为什么影子会相互吸引? - 《像乌鸦一样思考》
  5. excel任意单元格中自动插入页码和总页数
  6. 在桌面上显示当前的IP地址和电脑名称
  7. 阿里真的开始衰落了吗?
  8. vue前端怎么下载后端返回的二进制流excel表格文件
  9. 学习6大设计原则、23种设计模式
  10. WMS系统--移库逻辑