当前位置:网站首页>Dragging El table sortablejs
Dragging El table sortablejs
2022-06-24 09:50:00 【Time202051】
npm install sortablejs --save
<el-table :data="tableData" style="width: 100%" >
<el-table-column prop="date" label=" date " width="180"></el-table-column>
<el-table-column prop="name" label=" full name " width="180"></el-table-column>
<el-table-column prop="address" label=" Address "></el-table-column>
</el-table>
// Note the class names filtered below
mounted () {
this.onSortable()
},
onSortable () {
const selector = '.el-table__body-wrapper > table > tbody'
const el = document.querySelectorAll(selector)[0]
Sortable.create(el, {
animation: 150,
ghostClass: 'blue-background-class'
})
}
边栏推荐
- PTA猴子选大王(约瑟夫环问题)
- Talking about the knowledge of digital transformation
- LeetCode: 137. 只出现一次的数字 II
- 英伟达这篇CVPR 2022 Oral火了!2D图像秒变逼真3D物体!虚拟爵士乐队来了!
- LeetCode: 137. Number II that appears only once
- 队列Queue
- R 椭圆随机点产生并画图
- In depth study paper reading target detection (VII) Chinese English Bilingual Edition: yolov4 optimal speed and accuracy of object detection
- About thinkphp5, use the model save() to update the data prompt method not exist:think\db\query- & gt; Error reporting solution
- 【Eureka注册中心】
猜你喜欢

impdp导schema报ORA-31625异常处理

grpc本地测试联调工具BloomRPC

使用Live Chat促進業務銷售的驚人技巧

latex公式及表格识别

Conseils étonnants pour promouvoir les ventes d'entreprise avec le chat en direct

Thinkphp5 multi language switching project practice

生产者/消费者模型

IDEA 无法保存设置 源根 D:XXXX在模块XXX中重复

PRCT-1400 : 未能执行 getcrshome解决方法

Talking about the knowledge of digital transformation
随机推荐
蜜罐2款hfish,ehoney
桌面软件开发框架大赏
PHP使用递归和非递归方式实现创建多级文件夹
WindowManager 简单悬浮框的实现
5 minutes, excellent customer service chat handling skills
Seekbar with text: customize progressdrawable/thumb: solve incomplete display
Amendment to VPP implementation policy routing
Leetcode-- string
20、 Processor scheduling (RR time slice rotation, mlfq multi-level feedback queue, CFS fully fair scheduler, priority reversal; multiprocessor scheduling)
port 22: Connection refused
grpc本地测试联调工具BloomRPC
Amazing tips for using live chat to drive business sales
IDEA 无法保存设置 源根 D:XXXX在模块XXX中重复
Handling method of Oracle data file header SCN inconsistency
In depth study paper reading target detection (VII) Chinese English Bilingual Edition: yolov4 optimal speed and accuracy of object detection
关于thinkphp5 使用模型save()更新数据提示 method not exist:think\db\Query-&gt; 报错解决方案
PostgreSQL DBA快速入门-通过源码编译安装
如何解决独立站多渠道客户沟通难题?这款跨境电商插件一定要知道!
Jcim | AI based protein structure prediction in drug discovery: impacts and challenges
LeetCode: 240. Search 2D matrix II