当前位置:网站首页>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'
})
}
边栏推荐
- Codeforces Round #392 (Div. 2) D. Ability To Convert
- Go language project development practice directory
- 队列Queue
- 二叉树第一部分
- LeetCode: 377. Combined sum IV
- Top issue tpami 2022! Behavior recognition based on different data modes: a recent review
- Oracle数据库EXPDP只导出表的方法
- ThinkPHP5多语言切换项目实战
- 新手怎么选择投资理财产品的等级?
- [Eureka registry]
猜你喜欢
随机推荐
Tnsnames Ora file configuration
198. house raiding
Oracle的tnsnames.ora文件配置
文献调研报告
Symbol.iterator 迭代器
关于thinkphp5 使用模型save()更新数据提示 method not exist:think\db\Query-&gt; 报错解决方案
June 13-19, 2022 AI industry weekly (issue 102): career development
【Eureka注册中心】
针对《VPP实现策略路由》的修正
How to solve multi-channel customer communication problems in independent stations? This cross-border e-commerce plug-in must be known!
LeetCode: 377. Combined sum IV
threejs的点光源+环境光
如何提高网络基础设施排障效率,告别数据断档?
Seekbar with text: customize progressdrawable/thumb: solve incomplete display
使用Live Chat促進業務銷售的驚人技巧
el-table点击添加行样式
Summary of medical image open source datasets (II)
SQL-统计连续N天登陆的用户
An open source monitoring data collector that can monitor everything
Servlet快速筑基









