fix: tooltips exceed the display area #112

This commit is contained in:
Lykin 2024-01-08 11:28:03 +08:00
parent bc66c63b3d
commit 927678ebbb
5 changed files with 18 additions and 18 deletions

View File

@ -60,10 +60,10 @@ const columns = computed(() => [
ellipsis: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
},
render: ({ client, addr }, index) => {

View File

@ -90,10 +90,10 @@ const fieldColumn = computed(() => ({
ellipsis: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
lineClamp: 10,
},
@ -122,10 +122,10 @@ const valueColumn = computed(() => ({
: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
},
// filterOptionValue: valueFilterOption.value,

View File

@ -91,10 +91,10 @@ const valueColumn = computed(() => ({
: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
},
filterOptionValue: valueFilterOption.value,

View File

@ -90,10 +90,10 @@ const valueColumn = computed(() => ({
: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
},
filterOptionValue: valueFilterOption.value,

View File

@ -139,10 +139,10 @@ const valueColumn = computed(() => ({
: {
tooltip: {
style: {
maxWidth: '80vw',
maxHeight: '60vh',
overflowY: 'scroll',
maxWidth: '50vw',
maxHeight: '50vh',
},
scrollable: true,
},
},
filterOptionValue: valueFilterOption.value,