diff --git a/src/pages/Table.vue b/src/pages/Table.vue index 70a7069c7..329a898ce 100644 --- a/src/pages/Table.vue +++ b/src/pages/Table.vue @@ -43,4 +43,95 @@ export default { width: max-content; min-width: var(--app-content-width, 100%); } + +@page { + size: auto; + margin: 5mm; +} + +@media print { + html, body { + background: var(--color-main-background, white) !important; + } + + html { + overflow-y: scroll; + } + + body { + position: absolute; + } + + /* hide toast notifications for printing */ + .toastify.dialogs { + display: none; + } + + .app-navigation { + display: none !important; + } + + #header { + display: none !important; + } + + #content-vue { + display: block !important; + position: static; + overflow: auto; + height: auto; + } + + #content-vue .row.first-row { + padding-left: 0px; + } + + .main-table-view, .main-view-view { + width: auto; + min-width: 0; + } + + .table-dashboard { + display: none !important; + } + + .row.space-T { + display: none !important; + } + + #app-content-vue .options.row { + display: none !important; + } + + #app-content-vue table { + table-layout: fixed; + } + + #app-content-vue table td, #app-content-vue table th { + white-space: normal !important; + word-break: normal !important; + word-wrap: break-word !important; + width: auto !important; + } + + #app-content-vue table th .clickable { + overflow-wrap: anywhere; + } + + #app-content-vue table th .menu { + display: none !important; + } + + #app-content-vue table td .tiptap-reader-cell { + max-height: fit-content; + max-width: fit-content; + } + + #app-content-vue table tr > th.sticky:first-child, + #app-content-vue table tr > td.sticky:first-child, + #app-content-vue table tr > th.sticky:last-child, + #app-content-vue table tr > td.sticky:last-child { + display: none !important; + } +}