mizuka-wu / el-table-draggable Goto Github PK
View Code? Open in Web Editor NEW让element-ui的table可拖动排序,支持 行,列,跨表格等特性
Home Page: https://www.mizuka.top/el-table-draggable/index.html
License: MIT License
让element-ui的table可拖动排序,支持 行,列,跨表格等特性
Home Page: https://www.mizuka.top/el-table-draggable/index.html
License: MIT License
I've done what was written in instruction
<el-table-draggable>
<el-table :data="mainObjects" height="calc(100vh - 110px)">
<el-table-column label="ID" prop="id" sortable/>
But I got errors, starting from.
Property "$createElement" was accessed during render but is not defined on instance.
at <ElementUiElTableDraggable
What did I do wrong and how can I make it work?
你好,请问如果我要选中复制表格里的文字怎么办?这里似乎就直接被拖走了
复现步骤, 来回拖拽列即可复现
demo: codesandbox
截图:
el-table-draggable包裹el-table使用,当浏览器缩放到大于100%,如果el-table-column没设置固定宽,各列宽会缓慢无限增加
[Vue warn]: Error in nextTick: "TypeError: Cannot set property 'checked' of undefined"
只是控制台会报这个错误,但是页面还有数据都是正常的
Electron项目,PC上,鼠标操作。当极快速(疯狂)进行拖拽操作时,只需要10次以内,就会让界面上看到的行次序与实际绑定的数据的次序完全失步,即人眼看上去的顺序和实际能得到的数据顺序完全不一致了。比如看到的行id是2,6,3,绑定数据其实是6,3,2。
虽然这种操作几乎只会在极限测试和近乎恶意的操作情况下才会发生,但由于没有一个明确的边界,所以并不能排除用户在偶然的几次快速操作下导致数据和界面失步,且这种错误一旦发生,用户是很难察觉的。
该现象目前可以稳定复现,目测感觉好像是在拖拽操作的放开阶段,还没有复位完毕时继续疯狂拖拽,就能复现该问题。
刚在https://www.mizuka.top/el-table-draggable/index.html#/ 上试了一下,很容易就可以复现。复现后,该页面下方的数据显示框和上面看到的次序会完全不一致。
这个功能没有工作
拖拽一级,多拖拽几次后会报错, Error in render: "TypeError: Cannot read properties of undefined (reading 'subItem')"
导致视图顺序错乱,但是数据并未错乱.
多表格相互推拽,如果一个表格超过2条数据,从另一个表格拖拽数据到该表格最后一行,数据会直接跳到第一行去,能否解决一下
后续会支持vue3嘛?
现在安装 el-table-draggable, 会把 dependencies 里的东西一并安装进来, 这些依赖有些只是本地开发用的吧? 应该放到 devDependencies吧?
见录屏
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.