sort

front/pages/deal.vue

@@ -54,16 +54,20 @@ const columns = [{
     label: 'Название'
 }, {
     key: 'status',
-    label: 'Статус'
+    label: 'Статус',
+    sortable: true
 }, {
     key: 'responsible',
-    label: 'Исполнитель'
+    label: 'Исполнитель',
+    sortable: true
 }, {
     key: 'createdDate',
-    label: 'Создана'
+    label: 'Создана',
+    sortable: true
 }, {
     key: 'deadline',
     label: 'Крайний срок',
+    sortable: true
 }]
 
 
@@ -97,9 +101,12 @@ onMounted(() => {
             {{ formatter.statuses[row.status] }}
         </template>
         <template #title-data="{ row }">
-            <a :href="`${formatter.domain}/workgroups/group/${row.groupId}/tasks/task/view/${row.id}/`" target="_blank" class="text-primary-600 underline hover:no-underline">
-                {{ row.title }}
-            </a>
+            <div class="max-w-screen-md break-words">
+                <a :href="`${formatter.domain}/workgroups/group/${row.groupId}/tasks/task/view/${row.id}/`"
+                    target="_blank" class="text-primary-600 underline hover:no-underline">
+                    {{ row.title }}
+                </a>
+            </div>
         </template>
     </UTable>
 </template>