|
|
@ -57,6 +57,7 @@ onKeyDown('Escape', () => { |
|
|
|
onMounted(() => { |
|
|
|
onMounted(() => { |
|
|
|
if (typeof document !== 'undefined') { |
|
|
|
if (typeof document !== 'undefined') { |
|
|
|
dropZoneRef.value = document.querySelector(`td[data-key="${rowIndex}${column.value.id}"]`) as HTMLTableDataCellElement |
|
|
|
dropZoneRef.value = document.querySelector(`td[data-key="${rowIndex}${column.value.id}"]`) as HTMLTableDataCellElement |
|
|
|
|
|
|
|
console.log(dropZoneRef.value) |
|
|
|
} |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
</script> |
|
|
|
</script> |
|
|
@ -99,7 +100,7 @@ onMounted(() => { |
|
|
|
<div |
|
|
|
<div |
|
|
|
ref="sortableRef" |
|
|
|
ref="sortableRef" |
|
|
|
:class="{ dragging }" |
|
|
|
:class="{ dragging }" |
|
|
|
class="flex justify-center items-center flex-wrap gap-2 p-1 scrollbar-thin-dull max-h-[150px] overflow-scroll" |
|
|
|
class="flex justify-center items-center flex-wrap gap-2 p-1 scrollbar-thin-dull max-h-[150px] overflow-auto" |
|
|
|
> |
|
|
|
> |
|
|
|
<div |
|
|
|
<div |
|
|
|
v-for="(item, i) of visibleItems" |
|
|
|
v-for="(item, i) of visibleItems" |
|
|
|