You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: web/grid/print-export.md
+10-2Lines changed: 10 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -15,9 +15,16 @@ In most cases the Grid is not the only content on the page, however, there are c
15
15
16
16
The example below shows how to implement the second option. There are some other important things to keep in mind, which are also addressed by the provided example.
17
17
18
-
* If the Grid is scrollable, some rows or columns may not be visible on the printed paper. You need to ensure that the Grid has no height during printing, and the scrollability of the data area is disabled.
18
+
* If the Grid is scrollable, some rows or columns may not be visible on the printed paper. You need to ensure that the Grid has no height during printing,
19
+
and the scrollability of the data area is disabled.
20
+
* Depending on the column width, some cell content may not be fully visible.
21
+
This problem is resolved by forcing an automatic `table-layout` to the Grid table, which disables the ellipsis (...).
19
22
* Browsers repeat table headers on each printed page automatically. However, when the Grid is scrollable, it renders a separate table for the header area.
20
-
Since the browser cannot understand the relationship between the two Grid tables, it will not repeat the header row. This problem is resolved by cloning the header row inside the data table.
23
+
Since the browser cannot understand the relationship between the two Grid tables, it will not repeat the header row.
24
+
This problem is resolved by cloning the header row inside the data table.
25
+
26
+
Printing a Grid with locked (frozen) columns is likely to produce misaligned columns or rows, or a broken overall layout.
27
+
In such cases it is advisable to use a separate print-friendly page with no frozen columns.
21
28
22
29
### Example
23
30
@@ -49,6 +56,7 @@ Since the browser cannot understand the relationship between the two Grid tables
49
56
'.k-grid { border-top-width: 0; }' +
50
57
'.k-grid, .k-grid-content { height: auto !important; }' +
0 commit comments