gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-26 02:24:23 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

feat(print/table): render using internal mechanism

Browse Source
This commit is contained in:
Elian Doran 2025-11-21 22:05:22 +02:00
parent 6f83b932b0
commit f864746b54
No known key found for this signature in database
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/collections/table/TablePrintView.css Normal file
View File

@ -0,0 +1,7 @@
.tabulator-print-table table,
.tabulator-print-table th,
.tabulator-print-table tr,
.tabulator-print-table td {
border: 1px solid black !important;
border-collapse: collapse;
}

10
apps/client/src/widgets/collections/table/TablePrintView.tsx
View File

@ -4,6 +4,7 @@ import useData, { TableConfig } from "./data";
import { ExportModule, PrintModule, Tabulator as VanillaTabulator} from 'tabulator-tables';
import Tabulator from "./tabulator";
import { RawHtmlBlock } from "../../react/RawHtml";
import "./TablePrintView.css";
export default function TablePrintView({ note, noteIds, viewConfig }: ViewModeProps<TableConfig>) {
const tabulatorRef = useRef<VanillaTabulator>(null);
@ -21,16 +22,19 @@ export default function TablePrintView({ note, noteIds, viewConfig }: ViewModePr
data={rowData}
index="branchId"
dataTree={hasChildren}
printAsHtml={true}
printStyled={true}
onReady={() => {
const tabulator = tabulatorRef.current;
if (!tabulator) return;
setHtml(tabulator.getHtml());
const generatedTable = tabulator.modules.export.generateTable(tabulator.options.printConfig, tabulator.options.printStyled, tabulator.options.printRowRange, "print");
if(tabulator.options.printFormatter){
tabulator.options.printFormatter(tabulator.element, generatedTable);
}
setHtml(generatedTable.outerHTML);
}}
/>
) : (
<RawHtmlBlock html={html} />
<RawHtmlBlock html={html} className="tabulator-print-fullscreen" />
)}
</div>