//滚动计算
let scrollRef: any
//滚动加载下一页
const onScrollCapture = e => {
// scrollTop会有小数点导致等式不成立,解决方案:四舍五入
if (Math.round(scrollRef.scrollTop) + scrollRef.clientHeight >= scrollRef.scrollHeight) {
console.log("触发触底")
}
}
表格结构:
{/* 表格---- */}
<div
className="table-body-contaier"
onScrollCapture={onScrollCapture}
style={{ height: 'calc(100vh - 150px)', overflowY: 'scroll' }}
ref={c => {
scrollRef = c
}}
>
<Table
dataSource={groupState.taskList}
columns={tableColumnsList}
pagination={false}
// scroll={{ y: 'calc(100vh - 135px)' }}
showHeader={false}
bordered={true}
size={'small'}
onRow={record => {
return {
onClick: e => {
e.stopPropagation()
console.log('点击行事件')
}, // 点击行
}
}}
rowClassName={(record: any, index: any) => {
if (record.flag == 1) {
return 'aaa'
} else {
return ''
}
}}
/>
</div>