style : tootlip 적용 피드백 필요 : 길이제한 및 크기 수정

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>