leonard-li777 / antd-table-infinity Goto Github PK
View Code? Open in Web Editor NEWAn infinite scroll component based on antd-table that supports virtual scrolling
License: Other
An infinite scroll component based on antd-table that supports virtual scrolling
License: Other
Infinity Table is not fully compatible when using the Ant-design Dark theme
https://github.com/ant-design/ant-design-dark-theme
The header, footer and text color do not seem to be taking the dark theme properties.
I tried only the infinity table not the other 2.
I'm using InfinityTable
in my project with additional filtering based on antd v4
.
One of my filters change the array passed to dataSource
prop, and I set my pageSize={data.length}
.
But when I do filtering and number of rows is decreased, for example to 0, I'm getting this error:
pagesize(0) less than visible row count(8), maybe you set error!
In the library code I saw visibleRowCount
variable, but how can we access it?
Is there a way to fix this?
Thanks!
请问,我想在可编辑表格中使用该组件。
我们的业务场景是,在一个可编辑表格中。
1、手动增加行,并可编辑行中信息。
2、没有翻页,也就是说,table中的数据是由用户一条条新增出来的,所以用不了fetch方法。
基于以上情况,怎么才能使用您的组件?我们现在一旦数据量大了的话就会很卡。
我们做的是treetable 层级大概6层, 数据量会很大,这个插件支持吗?
滚动到最上面也会触发onFetch事件
无限滚动组件
滚动条拉到底部不触发debug的end打印
分页组件下拉总是会跳到第一页,当我设置缓存为3时,初始化会加载1,2,3页的数据,当滑动到3页数据之后,fechData的page就开始乱套了,不断的跳动,循环请求1,2,3页的数据,这是为什么呢?
updateTable 这个函数一直在被执行
Hello there.
I'm unable to start a project with your library. Here is an example below:
https://stackblitz.com/edit/antd-infinity
I also tried making it in CodeSandbox and codePen and got the same issue.
Am I forgetting to add something?
点击InfinityTable全选的只是部分选择没有全部选择,column的render属性的index一直都是0-pagesize
SumTable 中如果使用rowSelection, 则会导致Summary中各项目无法对齐。
左边固定列fixed:'left'再获取新数据并concat后会错位
antd table不添加"scroll:{y:400}"属性的话,可以使用么。
希望能改进一下,或者留个联系方式一起想办法优化
现在我的图表不需要分页,所以我选择使用了 InfinityTable,但是添加横向滚动之后,如果先进行横向滚动,再进行纵向滚动,数据就不会发生更新。InfinityTable 是原来的设计就不支持二维滚动吗?
Hi,
It's hard to recompile such dependencies for old browsers like IE11.
Could you compile your code to ES5 syntax before publishing?
当做单元格编辑功能的时候(如在input中连继输入字符,本质上是 Antd Table 接收新的props的反复渲染),在开发模式下会存在性能问题,生产环境不会存在!主要是来自 HMR 和 Redux DevTools的性能消耗。
我这边的场景是行的数量是有限的(10行一页),但是列可能多达上千,列上又会有排序搜索之类的方法,现在也是巨卡无比,这个有什么办法没有
Hello
i have used this package in the project. I am facing issues with the large screen table scroll not working on a large screen. please check the below code
<Table
rowKey="CampaignId" // Important, otherwise scrolling page will be a problem
loading={props.loading}
onFetch={props.getCampaignList}
pageSize={100}
loadingIndicator={loadMoreContent}
columns={columns}
scroll={{ y: 750 }}
dataSource={props.data}
// bordered
debug
/>
我将表格的每一列的宽度固定,左右各有一列固定在左右两边,在页面所小的时候表身的列会和表头发生错位,横向滚动时表头也不会随表身滚动。
使用jsx写column时会报columns is marked but not defined
的 warning
本地起了项目评估效果,发现不支持fixed,错位。会有前后小块白屏现象,宽度设置有问题,
Hi Leonard, I've recently found out this lib (antd-table-infinity), and tried to use it in the meteor project,
but got errors, when try just import (import { InfinityTable } from 'antd-table-infinity'), if you will have some time can you please check it? To quickly check please create a simple meteor project (meteor create --react new-react-app) after you install Meteor, here is the link for the info => (https://www.meteor.com/install)
Thanks.
能否新增 类似 SumData 功能。用于固定前几行,只滚动 dataSource 的数据
<Table
rowKey={(record) => {
return record.id;
}}
loading={loading}
onFetch={this.handleFetch}
pageSize={10}
loadingIndicator={this.loadMoreContent()}
columns={columns}
scroll={{ y: 450 }}
dataSource={newsentimeListData}
/>
debug出现
Bug: IntersectionObserver miss, because which waiting for Idle trigger
继续滚动至一屏可以重新加载出数据,这里并没有解决好吧
./node_modules/antd-table-infinity/es/InfinityTable/index.js
Module not found: Can't resolve './index.less' in 'C:\Users\admin\Documents\Workspace\table\node_modules\antd-table-infinity\es\InfinityTable'
The required index.less file is missing.
如何在后台返回给前段数据,进行请求,无限滚动?
似乎很简单
Using the latest version of React, React-DOM and nextjs
"react": "^16.9.0",
"react-dom": "^16.9.0",
"next": "^9.0.3",
Throwing an error: "ReferenceError: window is not defined"
Nextjs already provide a guideline of how to make it works:
https://github.com/zeit/next.js/wiki/FAQ
Not sure how to make it work though,
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.