style : 가격조사 목록 스타일 맞추기

src/pages/app/priceManagement.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { getPriceList } from '/@src/service/priceApi'
-import { formatDatefromObject , formatDatefromString } from '/@src/utils/common/comfunc'
+import { formatDatefromString } from '/@src/utils/common/comfunc'
 const router = useRouter()
 
 onBeforeMount(async () => {
@@ -29,11 +29,11 @@ const params = reactive({
   sessionUser:'',
   priceData: [],
   felxColumn: [
-    { key: 'cateNm', label: '분야' },
-    { key: 'title', label: '제목' },
-    { key: 'regNm', label: '담당자' },
-    { key: 'regDt', label: '등록일' },
-    { key: 'stNm', label: '등록 상태' },
+    { key: 'cateNm', label: '분야', align: 'center', cellClass: 'approvalColumn5'},
+    { key: 'title', label: '제목',align: 'start'},
+    { key: 'regNm', label: '담당자', align: 'center', cellClass: 'approvalColumn5'},
+    { key: 'regDt', label: '등록일' ,align: 'start', cellClass: 'approvalColumn5'},
+    { key: 'stNm', label: '등록 상태', cellClass: 'approvalColumn5' },
   ]
 })
 
@@ -219,6 +219,7 @@ watch(currentPage, (newParams) => {
             :separators="true"
             :clickable="true"
             :compact="true"
+            :useApprovalHeader="true"
             @rowClick="getPriceDetail"
         />
         <VPlaceholderPage
@@ -258,7 +259,7 @@ watch(currentPage, (newParams) => {
           :total-items="totalItems"
           v-model:current-page="currentPage"
       />
-  </div>
+</div>
 
 </template>