update: แก้ชิดซ้าย

Services/client/src/components/ListView.vue

@@ -90,14 +90,14 @@ const colFolder = [
   {
     name: 'createdBy',
     label: 'สร้างโดย',
-    align: 'center',
+    align: 'left',
     field: 'createdBy',
     sortable: true,
   },
   {
     name: 'createdAt',
     label: 'วันที่สร้าง',
-    align: 'center',
+    align: 'left',
     field: 'createdAt',
     sortable: true,
   },
@@ -120,14 +120,22 @@ const colFile = [
   {
     name: 'title',
     label: 'ชื่อเรื่อง',
-    align: 'center',
+    align: 'left',
     field: 'title',
     sortable: true,
   },
+  {
+    name: 'author',
+    align: 'left',
+    label: 'เจ้าของผลงาน',
+    field: 'author',
+    style: 'width: 200px',
+    sortable: true,
+  },
   {
     name: 'fileType',
     label: 'ประเภทของไฟล์',
-    align: 'center',
+    align: 'left',
     field: 'fileType',
     sortable: true,
   },
@@ -197,14 +205,14 @@ const onRowClick = ((_, row) => {
           </q-td>
         </template>
         <template v-slot:body-cell-createdBy="data">
-          <q-td class="text-center">
+          <q-td>
             <span class="sort-icon-offset-margin">
               {{ data.row.createdBy }}
             </span>
           </q-td>
         </template>
         <template v-slot:body-cell-createdAt="data">
-          <q-td class="text-center">
+          <q-td>
             <span class="sort-icon-offset-margin">
               {{ getFormatDate(data.row.createdAt) }}
             </span>
@@ -306,12 +314,13 @@ const onRowClick = ((_, row) => {
           </q-td>
         </template>
         <template v-slot:body-cell-title="data">
-          <q-td class="text-center">
+          <q-td>
             <span class="sort-icon-offset-margin">{{ data.row.title }}</span>
           </q-td>
         </template>
+        
         <template v-slot:body-cell-fileType="data">
-          <q-td class="text-center">
+          <q-td>
             <span class="sort-icon-offset-margin">
               {{ getType(data.row.fileType, data.row.fileName) }}
             </span>