范围配置加省略号

This commit is contained in:
joylink_zhaoerwei 2023-09-26 17:44:52 +08:00
parent 4dd2d5a046
commit 199c06560e

View File

@ -118,6 +118,11 @@ function deleteData(row: IAreaConfigListItem) {
@request="onRequest" @request="onRequest"
:rows-per-page-options="[10, 20, 50, 100]" :rows-per-page-options="[10, 20, 50, 100]"
> >
<template v-slot:body-cell="props">
<q-td :props="props" class="custom-column">
{{ props.value }}
</q-td>
</template>
<template v-slot:body-cell-operations="props"> <template v-slot:body-cell-operations="props">
<q-td :props="props"> <q-td :props="props">
<div class="q-gutter-sm row justify-center"> <div class="q-gutter-sm row justify-center">
@ -154,3 +159,12 @@ function deleteData(row: IAreaConfigListItem) {
</template> </template>
</draggable-dialog> </draggable-dialog>
</template> </template>
<style scoped>
.custom-column {
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>