feat: 给表格添加最小宽 优化宽度显示

This commit is contained in:
zhangyu
2020-11-12 10:11:18 +08:00
parent 0089029a5e
commit 36be347b17
3 changed files with 8 additions and 4 deletions

View File

@@ -45,7 +45,7 @@
:key="`col-${index}`"
:label="item.label"
:show-overflow-tooltip="item.prop != 'labels' && item.prop != 'alertRule'"
min-width="110px"
:min-width="item.minWidth || item.width"
:sortable="$tableSet.sortableShow(item.prop,'alertMessage')"
:prop="$tableSet.propTitle(item.prop,'alertMessage')"
:sort-orders="['ascending', 'descending']"

View File

@@ -67,6 +67,7 @@
:sortable="$tableSet.sortableShow(item.prop,'endpointTab')"
:prop="$tableSet.propTitle(item.prop,'endpointTab')"
:sort-orders="['ascending', 'descending']"
:min-width="item.minWidth || item.width"
>
<template slot-scope="scope" :column="item">
<span v-if="item.prop == 'asset' && scope.row[item.prop]" class="link" @click="">
@@ -186,10 +187,12 @@
label: this.$t("project.project.project"),
prop: 'project',
show: true,
width:'120',
},{
label: this.$t("project.module.module"),
prop: 'module',
show: true,
width:'120',
},{
label: this.$t("project.endpoint.asset"),
prop: 'asset',
@@ -199,7 +202,7 @@
label: this.$t("project.endpoint.host"),
prop: 'host',
show: true,
width:200,
width:120,
},{
label: this.$t("project.endpoint.port"),
prop: 'port',
@@ -209,7 +212,7 @@
label: this.$t("overall.type"),
prop: 'type',
show: false,
width:200,
width:120,
},{
label: this.$t("project.endpoint.labels"),
prop: 'labels',

View File

@@ -90,7 +90,7 @@
v-if="item.show"
:key="`col-${index}`"
:label="item.label"
:min-width="item.width"
:min-width="item.width || item.minWidth"
:sortable="$tableSet.sortableShow(item.prop,'project')"
:prop="$tableSet.propTitle(item.prop,'project')"
:sort-orders="['ascending', 'descending']"
@@ -284,6 +284,7 @@
label:this.$t("project.endpoint.asset"),
prop:'asset',
show:true,
minWidth:400,
},{
label:this.$t("project.endpoint.host"),
prop:'host',