🌈 style: 去除表格抖动

This commit is contained in:
m1m1sha 2024-05-08 14:48:23 +08:00
parent 0498b55d39
commit 6448955e05

View File

@ -348,14 +348,14 @@ function showEventLogs() {
{{ $t('peer_info') }} {{ $t('peer_info') }}
</template> </template>
<template #content> <template #content>
<DataTable :value="peerRouteInfos" table-style="min-width: 50rem"> <DataTable :value="peerRouteInfos" column-resize-mode="fit" table-style="width: 100%">
<Column field="route.ipv4_addr" :header="$t('virtual_ipv4')" /> <Column field="route.ipv4_addr" style="width: 100px;" :header="$t('virtual_ipv4')" />
<Column field="route.hostname" :header="$t('hostname')" /> <Column field="route.hostname" style="max-width: 250px;" :header="$t('hostname')" />
<Column :field="routeCost" :header="$t('route_cost')" /> <Column :field="routeCost" style="width: 60px;" :header="$t('route_cost')" />
<Column :field="latencyMs" :header="$t('latency')" /> <Column :field="latencyMs" style="width: 80px;" :header="$t('latency')" />
<Column :field="txBytes" :header="$t('upload_bytes')" /> <Column :field="txBytes" style="width: 80px;" :header="$t('upload_bytes')" />
<Column :field="rxBytes" :header="$t('download_bytes')" /> <Column :field="rxBytes" style="width: 80px;" :header="$t('download_bytes')" />
<Column :field="lossRate" :header="$t('loss_rate')" /> <Column :field="lossRate" style="width: 60px;" :header="$t('loss_rate')" />
</DataTable> </DataTable>
</template> </template>
</Card> </Card>