From 2741aa6f3356f3af2046f985e3e294b8dd718c26 Mon Sep 17 00:00:00 2001
From: lana-k <skochetova89@gmail.com>
Date: Sun, 30 Mar 2025 15:13:36 +0200
Subject: [PATCH] add titles, align row title to the left

---
 src/components/SqlTable/index.vue                            | 1 +
 src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/SqlTable/index.vue b/src/components/SqlTable/index.vue
index 10ad487..be4a75e 100644
--- a/src/components/SqlTable/index.vue
+++ b/src/components/SqlTable/index.vue
@@ -8,6 +8,7 @@
             class="fixed-header"
             :style="{ width: `${th.width}px` }"
             :key="index"
+            :title="th.name"
           >
             {{ th.name }}
           </div>
diff --git a/src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue b/src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue
index dc07273..4f165d9 100644
--- a/src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue
+++ b/src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue
@@ -17,7 +17,9 @@
         </thead>
         <tbody>
           <tr v-for="(col, index) in columns" :key="index">
-            <th class="column-cell">{{ col }}</th>
+            <th class="column-cell" :title="col">
+              {{ col }}
+            </th>
             <td
               :data-col="index"
               :data-row="currentRowIndex"
@@ -190,6 +192,7 @@ table.sqliteviz-table {
 }
 .sqliteviz-table thead tr th {
   border-bottom: 1px solid var(--color-border-light);
+  text-align: left;
 }
 .sqliteviz-table tbody tr th {
   font-size: 14px;