obsidian-plugin/h-sphere_sql-seal
1
0
Fork 0
mirror of https://github.com/h-sphere/sql-seal.git synced 2026-07-22 10:10:28 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: fixing issue with grid not displaying properly (#161)

Browse source
This commit is contained in:
Kacper Kula 2025-06-03 16:12:22 +02:00 committed by GitHub
parent 0ef2b8d478
commit c705af3a83
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/forty-lands-leave.md Normal file
View file

@ -0,0 +1,5 @@
---
"sqlseal": patch
---
fixing issue with grid not displaying properly

18
src/renderer/GridRenderer.ts
View file

@ -8,6 +8,11 @@ import SqlSealPlugin from "../main";
import { ModernCellParser } from "../cellParser/ModernCellParser";
import { EventRef } from "obsidian";
interface DataParam {
data: Record<string, unknown>[],
columns?: string[]
}
const getCurrentTheme = () => {
return document.body.classList.contains('theme-dark') ? 'dark' : 'light';
}
@ -55,14 +60,16 @@ export class GridRendererCommunicator {
if (this._gridApi) {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(() => {
this._gridApi.autoSizeAllColumns();
if (!this._gridApi.isDestroyed()) {
this._gridApi.autoSizeAllColumns();
}
}, 100);
}
});
this.resizeObserver.observe(this.el);
this.unregisterLeafChange = this.app.workspace.on('active-leaf-change', (leaf) => {
if (this._gridApi && leaf?.view?.getViewType() !== 'canvas') {
if (this._gridApi && leaf?.view?.getViewType() !== 'canvas' && !this._gridApi.isDestroyed()) {
this._gridApi.autoSizeAllColumns();
}
});
@ -137,6 +144,9 @@ export class GridRendererCommunicator {
if (!this.gridApi) {
throw new Error('Grid has not been initiated')
}
if (columns && columns.length) {
this.gridApi.setGridOption('columnDefs', columns.map(field => ({ field })))
}
this.gridApi.setGridOption('rowData', data)
this.gridApi.setGridOption('loading', false)
}
@ -180,8 +190,8 @@ export class GridRenderer implements RendererConfig {
render(config: Partial<GridOptions>, el: HTMLElement, { cellParser }: RendererContext) {
const communicator = new GridRendererCommunicator(el, config, this.plugin, this.app, cellParser)
return {
render: (data: any) => {
communicator.setData(data.columns, data.data)
render: (data: DataParam) => {
communicator.setData(data.columns ?? [], data.data)
communicator.gridApi.autoSizeAllColumns()
},
error: (message: string) => {