update

src/components/artist-information/UpdateHotProduct/updateHotProduc.ts

@@ -50,7 +50,6 @@ export default defineComponent({
           embeddedUrl.value = props.dataUpdate?.embeddedUrl as string;
           status.value = props.dataUpdate?.status as number;
           urlFileLocal.value = props.dataUpdate?.imageUrl as string;
-
           imageAPI.value =
             // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
             configImg.API_IMAGE_ENDPOINT + props.dataUpdate?.imageUrl;

src/components/artist-information/hot-product/HotProduct.ts

@@ -15,19 +15,13 @@ export default defineComponent({
   setup(_, context) {
     const configImg = config;
     const userTableColumnsHotProduct = [
-      {
-        name: 'STT',
-        required: true,
-        label: 'STT',
-        align: 'center',
-        sortable: false,
-      },
       {
         name: 'name',
         field: 'name',
         required: true,
         label: i18n.global.t('artist.hotProduct.tableColumnsProduct.name'),
-        align: 'center',
+        headerStyle: 'text-align: center !important;',
+        align: 'left',
         sortable: false,
       },
       {
@@ -45,7 +39,8 @@ export default defineComponent({
         field: 'embeddedUrl',
         required: true,
         label: i18n.global.t('artist.hotProduct.tableColumnsProduct.urlEmbed'),
-        align: 'center',
+        headerStyle: 'text-align: center !important;',
+        align: 'left',
         sortable: false,
       },
       {

src/components/artist-information/hot-product/index.vue

@@ -21,6 +21,7 @@
         :no-data-label="$t('emptyData')"
         row-key="name"
         separator="cell"
+        wrap-cells
         hide-pagination
       >
         <template v-slot:body-cell-status="rowData">