Comments (3)
<virtualScroll :data="tableData" :itemSize="45" keyProp="colGuid" @change="data => (renderData = data)" @selection-change="selectRows" > <el-table row-key="colGuid" :data="renderData" :height="tableHeight" ref="multipleTable" border size="small" :stripe="isStripe" :header-cell-style="headerStyle" :cell-style="{ textAlign: 'center' }" v-loading="loading" element-loading-text="加载中..." element-loading-spinner="aic-icon-loading" > <virtual-column width="55" type="selection"></virtual-column> <virtual-column label="序号" align="center" width="80" type="index"></virtual-column> <el-table-column prop="itemName" label="名称" min-width="100"> </el-table-column> <el-table-column prop="createTime" label="创建时间" min-width="100"> </el-table-column> <el-table-column prop="sortNo" label="排序" min-width="100"> </el-table-column> <el-table-column label="操作" min-width="100" fixed="right"> <template slot-scope="scope"> <el-button :disabled="scope.row.status === 1" type="primary" size="mini" icon="el-icon-edit" title="详情" @click="onDetail(scope)" ></el-button> </template> </el-table-column> </el-table> </virtualScroll>
有demo吗,我复现不出来
from el-table-virtual-scroll.
@xiaocheng555 列数放多点,越多越明显
from el-table-virtual-scroll.
@xiaocheng555 列数放多点,越多越明显
[email protected] 增加了自定义列的,可以试试看没有效果
[email protected] 有点bug,在[email protected]修复了
![image](https://private-user-images.githubusercontent.com/19643785/256251895-cfe304cf-0f38-4d1f-93d1-5c686f119be4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTg4NzYyODYsIm5iZiI6MTcxODg3NTk4NiwicGF0aCI6Ii8xOTY0Mzc4NS8yNTYyNTE4OTUtY2ZlMzA0Y2YtMGYzOC00ZDFmLTkzZDEtNWM2ODZmMTE5YmU0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA2MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNjIwVDA5MzMwNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI3M2JlYmJiODEzZGQ3MWJjMTZhYjBmMzJjNzdhZTllNzVmMDkwMWM2MTdjNjQ2ZjA2NDMyN2I1ZjI1N2M4NWMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.ciajelE7PA4FZwGfaJyv1oJgMI4tyJULuW1wEBFeh9Y)
from el-table-virtual-scroll.
Related Issues (20)
- 自定义固定列 所有列宽总宽度小于表格宽度时 固定列样式有问题 HOT 2
- 更新到1.1.3后报错 el-table-column未注册 HOT 14
- 表格隐藏状态下更新绑定数组长度,显示后滚动条位置异常 HOT 9
- 使用二次封装的el-table时,cellFixedStyle() 方法里获取table时没有使用 getElTable() 方法获取 HOT 2
- row-span-key对应的函数只能返回一个key吗 ,多列参与了合并行怎么处理? HOT 2
- 表格列数过多仍然会卡顿,这个会考虑解决吗? HOT 4
- 使用toggleRowSelection选中多行会卡死,有什么办法高效选中多行么 HOT 4
- 新增 Backtop 回到顶部 功能 HOT 1
- 是否考虑将element-table的select事件集成进来 HOT 3
- 是否考虑将element-table的select事件集成进来
- scrollTo事件不精确的问题 HOT 3
- 希望支持横向滚动条sticky HOT 4
- 关于在resize后vfixed类名错误问题 HOT 1
- 虚拟表格如果动态添加数据的时候就会出现空白,主要是产生的偏移值不对 HOT 2
- el-table-column 添加 show-overflow-tooltip 之后,在当前show-overflow-tooltip列滚动时,页面会抖动 HOT 1
- this.elTable.syncPosition is not a function HOT 3
- 大神考虑支持下vue3不? HOT 1
- 复制案例换了数据 虚拟滚动就不生效了
- 增加selection列,使用filter实现搜索功能,搜索前选中的行,搜索后仍被选中,这个是bug还是做了处理 HOT 29
- 虚拟列表是否有类似el-table实例中的selection属性 HOT 7
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from el-table-virtual-scroll.