element table sortable.js(拖拽行列)

最新推荐文章于 2024-03-27 09:25:25 发布

爱养猫的木子

最新推荐文章于 2024-03-27 09:25:25 发布

阅读量1k

点赞数 2

文章标签： js vue.js javascript

本文链接：https://blog.csdn.net/quiet_123/article/details/123920761

版权

本文介绍了如何使用 Vue.js 和 Element UI 的 Table 组件结合 sortable.js 实现表格行和列的拖拽功能。通过设置 handle 类选择器实现拖拽操作，并强调了 row-key 的重要性，需确保其唯一以防止排序错误。

摘要由CSDN通过智能技术生成

js简单记录一下

先看效果图：

稍作修改：

项目需要点击按钮才能拖拽（handle: '.move', // handle's class ）

二话不说直接上代码

<template>
<div>
    <el-table row-key="date" ref="table" border :data="tableData" style="width: 100%">
      <el-table-column prop="date" label="日期" width="180">
      </el-table-column>
      <el-table-column prop="name" label="姓名" width="180">
      </el-table-column>
      <el-table-column prop="address" label="地址">
      </el-table

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱养猫的木子

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
element table sortable.js(拖拽行列)

js简单记录一下先看效果图：稍作修改：项目需要点击按钮才能拖拽（handle: '.move', // handle's class ）二话不说直接上代码<template><div> <el-table row-key="date" ref="table" border :data="tableData" style="width: 100%"> <el-table-column prop="date" la..
复制链接

扫一扫