diff --git a/src/components/common/VnTable.vue b/src/components/common/VnTable.vue index 9cd3ac4a4..56f3b1744 100644 --- a/src/components/common/VnTable.vue +++ b/src/components/common/VnTable.vue @@ -221,10 +221,7 @@ const rowClickFunction = computed(() => { } " > - + { - {{ row[cardTemplate.title.field] }} + {{ + row[cardTemplate.title.field] + }} - +
{ - - - - + + {{ create.title }} + { .grid-three { display: grid; - grid-template-columns: repeat(auto-fit, minmax(350px, max-content)); + grid-template-columns: repeat(auto-fit, minmax(400px, max-content)); max-width: 100%; grid-gap: 20px; margin: 0 auto; @@ -456,6 +450,17 @@ const rowClickFunction = computed(() => { .vn-label-value { display: flex; flex-direction: row; + .value { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} + +.cardEllipsis { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } .w-80 { diff --git a/src/components/common/VnTableColumn.vue b/src/components/common/VnTableColumn.vue index decfe3386..2f8712b1a 100644 --- a/src/components/common/VnTableColumn.vue +++ b/src/components/common/VnTableColumn.vue @@ -13,7 +13,7 @@ :value="value" v-model="model" /> - {{ dashIfEmpty(row[col.field]) }} + {{ dashIfEmpty(row[col.field]) }}