Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Solution for dragging table rows with Dragula#7842

ynnsnr started this conversation inIdeas
Discussion options

I wanted to post it in this old issue but it's closed:#5897
This is my current package.json:

{"devDependencies": {"@ant-design-vue/nuxt":"^1.4.2","nuxt":"^3.11.2","vue":"^3.4.34"  },"dependencies": {"ant-design-vue":"^4.2.3","dragula":"^3.7.3",  }}
// nuxt.config.tsvite:{// https://github.com/bevacqua/dragula/issues/602define:{global:'window'}},
// plugins/dragula.client.jsimportdragulafrom'dragula'import'dragula/dist/dragula.css'exportdefaultdefineNuxtPlugin(()=>{return{provide:{dragula:dragula,},}})
mounted(){const{ $dragula}=useNuxtApp()consttableElement=document.querySelector('table tbody')$dragula([tableElement],{moves:function(el,container,handle){returnhandle.classList.contains('handle')},}).on('dragend',(el,target,source,sibling)=>{// Handle row reorderingconsole.log('Row dropped:',el)})},
You must be logged in to vote

Replies: 0 comments

Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment
Category
Ideas
Labels
None yet
1 participant
@ynnsnr

[8]ページ先頭

©2009-2025 Movatter.jp