This is an automated email from the ASF dual-hosted git repository.
kerwin pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler.git
The following commit(s) were added to refs/heads/dev by this push:
new 26b7541d95 support to resize the columns (#13123)
26b7541d95 is described below
commit 26b7541d954ba63deb37e89479ab4d648573e8ae
Author: calvin <[email protected]>
AuthorDate: Wed Dec 7 17:44:10 2022 +0800
support to resize the columns (#13123)
---
.../src/views/projects/task/definition/use-table.ts | 20 ++++++++++++++------
.../src/views/projects/task/instance/use-table.ts | 12 ++++++++++--
.../views/projects/workflow/instance/use-table.ts | 16 +++++++++++-----
3 files changed, 35 insertions(+), 13 deletions(-)
diff --git
a/dolphinscheduler-ui/src/views/projects/task/definition/use-table.ts
b/dolphinscheduler-ui/src/views/projects/task/definition/use-table.ts
index 0e91bb95fa..00e1ed8b9d 100644
--- a/dolphinscheduler-ui/src/views/projects/task/definition/use-table.ts
+++ b/dolphinscheduler-ui/src/views/projects/task/definition/use-table.ts
@@ -67,6 +67,9 @@ export function useTable(onEdit: Function) {
title: t('project.task.task_name'),
key: 'taskName',
...COLUMN_WIDTH_CONFIG['linkName'],
+ resizable: true,
+ minWidth: 200,
+ maxWidth: 600,
render: (row: IRecord) =>
h(
ButtonLink,
@@ -75,18 +78,23 @@ export function useTable(onEdit: Function) {
},
{
default: () =>
- h(
- NEllipsis,
- COLUMN_WIDTH_CONFIG['linkEllipsis'],
- () => row.taskName
- )
+ h(
+ NEllipsis,
+ {
+ style: 'max-width: 580px;line-height: 1.5'
+ },
+ () => row.taskName
+ )
}
)
},
{
title: t('project.task.workflow_name'),
key: 'processDefinitionName',
- ...COLUMN_WIDTH_CONFIG['name']
+ ...COLUMN_WIDTH_CONFIG['name'],
+ resizable: true,
+ minWidth: 200,
+ maxWidth: 600
},
{
title: t('project.task.workflow_state'),
diff --git a/dolphinscheduler-ui/src/views/projects/task/instance/use-table.ts
b/dolphinscheduler-ui/src/views/projects/task/instance/use-table.ts
index fd207c1afb..0d005043b7 100644
--- a/dolphinscheduler-ui/src/views/projects/task/instance/use-table.ts
+++ b/dolphinscheduler-ui/src/views/projects/task/instance/use-table.ts
@@ -95,12 +95,18 @@ export function useTable() {
{
title: t('project.task.task_name'),
key: 'name',
- ...COLUMN_WIDTH_CONFIG['name']
+ ...COLUMN_WIDTH_CONFIG['name'],
+ resizable: true,
+ minWidth: 200,
+ maxWidth: 600,
},
{
title: t('project.task.workflow_instance'),
key: 'processInstanceName',
...COLUMN_WIDTH_CONFIG['linkName'],
+ resizable: true,
+ minWidth: 300,
+ maxWidth: 600,
render: (row: {
processInstanceId: number
processInstanceName: string
@@ -119,7 +125,9 @@ export function useTable() {
default: () =>
h(
NEllipsis,
- COLUMN_WIDTH_CONFIG['linkEllipsis'],
+ {
+ style: 'max-width: 580px;line-height: 1.5'
+ },
() => row.processInstanceName
)
}
diff --git
a/dolphinscheduler-ui/src/views/projects/workflow/instance/use-table.ts
b/dolphinscheduler-ui/src/views/projects/workflow/instance/use-table.ts
index 4147c24201..e51f21857e 100644
--- a/dolphinscheduler-ui/src/views/projects/workflow/instance/use-table.ts
+++ b/dolphinscheduler-ui/src/views/projects/workflow/instance/use-table.ts
@@ -85,6 +85,10 @@ export function useTable() {
key: 'name',
...COLUMN_WIDTH_CONFIG['linkName'],
className: 'workflow-name',
+ resizable: true,
+ width: 300,
+ minWidth: 300,
+ maxWidth: 600,
render: (row: IWorkflowInstance) =>
h(
ButtonLink,
@@ -98,11 +102,13 @@ export function useTable() {
},
{
default: () =>
- h(
- NEllipsis,
- COLUMN_WIDTH_CONFIG['linkEllipsis'],
- () => row.name
- )
+ h(
+ NEllipsis,
+ {
+ style: 'max-width: 580px;line-height: 1.5'
+ },
+ () => row.name
+ )
}
)
},
