From c705c8af98500b46b76141ca58f4ab5aa280c952 Mon Sep 17 00:00:00 2001 From: Mutasem Date: Fri, 8 Apr 2022 12:50:48 +0200 Subject: [PATCH] add sticky header --- packages/editor-ui/src/components/RunData.vue | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/packages/editor-ui/src/components/RunData.vue b/packages/editor-ui/src/components/RunData.vue index d61680b7ef..806584a101 100644 --- a/packages/editor-ui/src/components/RunData.vue +++ b/packages/editor-ui/src/components/RunData.vue @@ -885,26 +885,34 @@ export default mixins( } .table { - border-collapse: collapse; + border-collapse: separate; text-align: left; width: calc(100% - var(--spacing-s)); margin-right: var(--spacing-s); - border: var(--border-base); font-size: var(--font-size-2xs); th { padding: var(--spacing-2xs); background-color: var(--color-background-base); - border: var(--border-base); + border-top: var(--border-base); + border-bottom: var(--border-base); + border-left: var(--border-base); + position: sticky; + top: 0; } td { padding: var(--spacing-2xs); - border: var(--border-base); + border-bottom: var(--border-base); + border-left: var(--border-base); overflow-wrap: break-word; max-width: 300px; white-space: pre-wrap; } + + th:last-child, td:last-child { + border-right: var(--border-base); + } } .emptyCell {