From f63e240b04a30be034a6f5338b6c4d8748754ad6 Mon Sep 17 00:00:00 2001
From: Yesol Choi <ysoli36512@gmail.com>
Date: Sun, 1 Jun 2025 16:06:41 +0900
Subject: [PATCH] =?UTF-8?q?style=20:=20tootlip=20=EC=A0=81=EC=9A=A9=20?=
 =?UTF-8?q?=ED=94=BC=EB=93=9C=EB=B0=B1=20=ED=95=84=EC=9A=94=20:=20?=
 =?UTF-8?q?=EA=B8=B8=EC=9D=B4=EC=A0=9C=ED=95=9C=20=EB=B0=8F=20=ED=81=AC?=
 =?UTF-8?q?=EA=B8=B0=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/app/priceManagement.vue | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/pages/app/priceManagement.vue b/src/pages/app/priceManagement.vue
index 588d7a9..91745ce 100644
--- a/src/pages/app/priceManagement.vue
+++ b/src/pages/app/priceManagement.vue
@@ -93,6 +93,10 @@ function getPriceDetail(){
   }
 }
 
+const getSliceTitle = (value) => {
+  return value.substring(0,50) // todo
+}
+
 watch(currentPage, (newParams) => {
   currentPage.value =  newParams
   searchPrice(currentPage.value)
@@ -221,7 +225,18 @@ watch(currentPage, (newParams) => {
             :compact="true"
             :useApprovalHeader="true"
             @rowClick="getPriceDetail"
-        />
+        >
+        <template #body-cell="{ row, column, index, value }">
+          <span
+              v-if="column.key === 'title'"
+              v-tooltip="value"
+              style="font-size: inherit; border: none;"
+          >
+        {{ getSliceTitle(value) }}
+        </span>
+          <span v-else>{{value}}</span>
+        </template>
+        </ComVFlexTable>
         <VPlaceholderPage
             v-if="params.priceData.length === 0"
             larger
@@ -279,4 +294,8 @@ watch(currentPage, (newParams) => {
   margin-top: 1rem; // 필요 시 간격 추가
 }
 
+.custom-vtag {
+  font-size: inherit !important; /* 부모 폰트 크기를 그대로 상속 */
+  vertical-align: baseline; /* 정렬이 어긋날 경우 */
+}
 </style>