gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-26 16:43:36 +01:00
Code Issues Actions 13 Packages Projects Releases Wiki Activity

feat(sql_console): make columns resizable

Browse Source
This commit is contained in:
Elian Doran 2026-01-17 21:45:10 +02:00
parent c6896a4b33
commit 769f3db21c
No known key found for this signature in database
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/type_widgets/SqlConsole.tsx
View File

@ -2,6 +2,7 @@ import "./SqlConsole.css";
import { SqlExecuteResults } from "@triliumnext/commons"; import { SqlExecuteResults } from "@triliumnext/commons";
import { useState } from "preact/hooks"; import { useState } from "preact/hooks";
import { ResizeColumnsModule } from "tabulator-tables";
import { t } from "../../services/i18n"; import { t } from "../../services/i18n";
import Tabulator from "../collections/table/tabulator"; import Tabulator from "../collections/table/tabulator";
@ -60,13 +61,15 @@ function SqlResultTable({ rows }: { rows: object[] }) {
return ( return (
<Tabulator <Tabulator
layout="fitDataFill" layout="fitDataFill"
modules={[ ResizeColumnsModule ]}
columns={[ columns={[
...Object.keys(rows[0]).map(key => ({ ...Object.keys(rows[0]).map(key => ({
title: key, title: key,
field: key, field: key,
width: 250,
minWidth: 100, minWidth: 100,
maxWidth: 400, widthGrow: 1,
widthGrow: 1 resizable: true
})) }))
]} ]}
data={rows} data={rows}