zynfly/sqliteviz
1
0
Fork 0
mirror of https://github.com/lana-k/sqliteviz.git synced 2025-12-06 18:18:53 +08:00
Code Issues Projects Releases Wiki Activity

add titles, align row title to the left

Browse Source
This commit is contained in:
lana-k
2025-03-30 15:13:36 +02:00
parent 6ceac83db9
commit 2741aa6f33
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/SqlTable/index.vue
View File

@@ -8,6 +8,7 @@
class="fixed-header" class="fixed-header"
:style="{ width: `${th.width}px` }" :style="{ width: `${th.width}px` }"
:key="index" :key="index"
:title="th.name"
> >
{{ th.name }} {{ th.name }}
</div> </div>

5
src/views/Main/Workspace/Tabs/Tab/RunResult/Record/index.vue
View File

@@ -17,7 +17,9 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="(col, index) in columns" :key="index"> <tr v-for="(col, index) in columns" :key="index">
<th class="column-cell">{{ col }}</th> <th class="column-cell" :title="col">
{{ col }}
</th>
<td <td
:data-col="index" :data-col="index"
:data-row="currentRowIndex" :data-row="currentRowIndex"
@@ -190,6 +192,7 @@ table.sqliteviz-table {
} }
.sqliteviz-table thead tr th { .sqliteviz-table thead tr th {
border-bottom: 1px solid var(--color-border-light); border-bottom: 1px solid var(--color-border-light);
text-align: left;
} }
.sqliteviz-table tbody tr th { .sqliteviz-table tbody tr th {
font-size: 14px; font-size: 14px;