const scrollHeight = dom.scrollHeight || dom.scrollHeight; if (scrollTop + windowHeight + 1 > scrollHeight) { if (all < total) { // 表格置空不能有滚动加载 if (tableInfo.tableData.length < 1) return; // 触发到底的函数 onScrollBottom({ ...pagination, pageNum: pageNum + 1 }); ...
判断表格在页面scrollTop高度,代替表格指定行高度,因此获取到表格父元素--滚动元素,然后赋值即可 判断Dom节点是否是滚动元素 window.addEventListener('scroll',() =>{varscrollTop =document.getElementsByClassName('ant-table-body')[0];console.log(scrollTop.scrollTop)// 查看打印的值是否有变化 如果有 则说明滚...
可以看到 主Table 和 左右Fixed Table 的结构是一模一样的,可以说很浪费了。。。本来只需要渲染对应的 Table 列就可以了,但不得不说 Element 的做法的确解决了这个同步 Layout 信息的问题。 2.Antd 同步 Layout 方案: Antd 的 Table 内核使用了Rc-table组件。Rc-table 不会渲染完全相同的 3 份Table,而是只渲...
const autoScroll= (data) =>{ let v= document.getElementsByClassName('antd-table-body')[0];if(data.length > 5) {//5可以根据各自的列表高度替换let time = setInterval(() =>{ v.scrollTop++;if(Math.ceil(v.scrollTop) >= parserFloat(v.scrollHeight - v.clientHeight)) {//滚动条到底后重新...
可以自己写一个。 获取到table的dom <Table ref={(ref)=>this.table=ref} /> const table = ReactDom.findDOMNode(this.table), tableBody = table.querySelector('.ant-table-body'); 然后翻页的时候让滚动条到顶部就好了 tableBody.scrollTop = 0; 反对 回复 2019-02-02 1...
可以试试获取到表格元素,每次点击翻页的时候将其 scrollTop 设置为 0 有用 回复 查看全部 3 个回答 推荐问题 js 如何将Key属性相同的放在同一个数组? {代码...} 说明:id和name是动态的,有可能后台返回的是age和school,不是固定id和name想要的结果是; {代码...} 9 回答10k 阅读 Object assgin拷贝问题?
antd Table 只有 列固定 和表头固定,但是 我的需求是 行固定 前 三行固定。 实现步骤 方式一、表格固定行(rowClassName 实现) 思路是 :用position: sticky来实现 position: sticky是一个吸顶的效果,滚动时 会固定在顶部 然后借用top 属性 即可 这里注意 top 并不是固定的,因为 ...
.parentElementif(tableEle&&highlightRowEle){consttableEleTop=tableEle&&tableEle.getBoundingClientRect().topconsttableEleClientHeight=tableEle&&tableEle.getBoundingClientRect().heightconsthighlightRowEleTop=highlightRowEle&&highlightRowEle.getBoundingClientRect().topconstscroll=highlightRowEleTop-tableEleTop-...
.current.querySelector(".ant-table-body");elRefs.forEach((el,i)=>{if(i!==index){constotherTable=el.current.querySelector(".ant-table-body");otherTable.scrollTop=scrolledTable.scrollTop;otherTable.scrollLeft=scrolledTable.scrollLeft;}})}}//没啥好说的,就是一个动态渲染多个表格,因为antd ...
除了基本的 scroll 事件方法外,antdv 还提供了其他一些用于处理滚动事件的用法。例如,可以使用 `scrollLeft` 和 `scrollTop` 属性获取表格的滚动位置,以及使用 `scrollIntoView` 方法将指定元素滚动到可视区域内。 1. 获取滚动位置:可以使用以下代码获取表格的滚动位置: ```javascript var scrollTop = table.scrollTop...