Новые таблицы миса

resources/js/Pages/Report/Components/ReportSectionItem.vue

@@ -1,9 +1,10 @@
 <script setup>
-import {NDataTable} from "naive-ui";
+import {NIcon, NDataTable} from "naive-ui";
 import {useReportStore} from "../../../Stores/report.js";
 import {computed, h, onMounted, ref, watch} from "vue";
 import { VueDraggableNext } from 'vue-draggable-next'
 import {storeToRefs} from "pinia";
+import {TbGripVertical} from "vue-icons-plus/tb";
 
 const props = defineProps({
     mode: {
@@ -12,7 +13,7 @@ const props = defineProps({
     },
     keys: {
         type: Array,
-        default: ['num', 'fullname', 'age', 'birth_date', 'ds']
+        default: ['num', 'fullname', 'age', 'birth_date', 'mkb.ds']
     },
     status: {
         type: String,
@@ -40,14 +41,22 @@ const columns = computed(() => {
         title: '',
         key: 'drag',
         width: 40,
-        render: (row) => h('div', {
-            style: {
-                cursor: 'grab',
-                color: '#666',
-                textAlign: 'center',
-                userSelect: 'none'
-            }
-        }, '⋮⋮')
+        render: (row) => h(
+            'div',
+            {
+                style: {
+                    cursor: 'grab',
+                    textAlign: 'center',
+                    userSelect: 'none'
+                }
+            },
+            [
+                h(NIcon, {
+                    depth: '2',
+                    component: TbGripVertical
+                }, [])
+            ]
+        )
     }
 
     return [dragColumn, ...baseColumns]
@@ -143,7 +152,6 @@ onMounted(async () => {
                 @drop="handleDrop"
                 @dragover="handleDragOver"
                 :loading="isLoading"
-                virtual-scroll
                 max-height="200"
                 min-height="200"
                 :row-props="rowProps"