fix: tooltips exceed the display area #112
This commit is contained in:
parent
bc66c63b3d
commit
927678ebbb
|
@ -60,10 +60,10 @@ const columns = computed(() => [
|
||||||
ellipsis: {
|
ellipsis: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
render: ({ client, addr }, index) => {
|
render: ({ client, addr }, index) => {
|
||||||
|
|
|
@ -90,10 +90,10 @@ const fieldColumn = computed(() => ({
|
||||||
ellipsis: {
|
ellipsis: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
lineClamp: 10,
|
lineClamp: 10,
|
||||||
},
|
},
|
||||||
|
@ -122,10 +122,10 @@ const valueColumn = computed(() => ({
|
||||||
: {
|
: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
// filterOptionValue: valueFilterOption.value,
|
// filterOptionValue: valueFilterOption.value,
|
||||||
|
|
|
@ -91,10 +91,10 @@ const valueColumn = computed(() => ({
|
||||||
: {
|
: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
filterOptionValue: valueFilterOption.value,
|
filterOptionValue: valueFilterOption.value,
|
||||||
|
|
|
@ -90,10 +90,10 @@ const valueColumn = computed(() => ({
|
||||||
: {
|
: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
filterOptionValue: valueFilterOption.value,
|
filterOptionValue: valueFilterOption.value,
|
||||||
|
|
|
@ -139,10 +139,10 @@ const valueColumn = computed(() => ({
|
||||||
: {
|
: {
|
||||||
tooltip: {
|
tooltip: {
|
||||||
style: {
|
style: {
|
||||||
maxWidth: '80vw',
|
maxWidth: '50vw',
|
||||||
maxHeight: '60vh',
|
maxHeight: '50vh',
|
||||||
overflowY: 'scroll',
|
|
||||||
},
|
},
|
||||||
|
scrollable: true,
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
filterOptionValue: valueFilterOption.value,
|
filterOptionValue: valueFilterOption.value,
|
||||||
|
|
Loading…
Reference in New Issue