打印网格组件
Printing Grid Component
我有一个具有单个固定行的 MultiGrid 组件。我想打印结果,但由于多列在 x 轴上溢出,打印输出被截断。
是否可以将每一行包装在另一个元素中,然后使用显示 table-cell/table-row 来获得所需的、类似于 table 的行为?额外的好处是 table 可以轻松拉伸整个页面,即使列数很少。
Is it possible to wrap each row in another element
是的。可以通过注入您自己的 cellRangeRenderer
属性 来换行。话虽这么说,我真的不推荐它。 RV 并没有真正的 "rows" 或 "columns"- 只是定位的单元格。包装会添加额外的元素,这可能会降低滚动性能。 (可能不多,但每一点都对滚动很重要。)
and then use display table-cell/table-row to get the desired,
table-like behavior?
如果您正在使用 MultiGrid
,我假设您有足够的列来保证对水平数据和垂直数据进行窗口化?在这种情况下,我不认为 display:table
真的适合你。我不确定它会给你带来什么。
您是否考虑过只渲染一个非 RV 布局,专门用于打印?我自己还没有这样做,但也许你可以利用 beforeprint
/afterprint
和 setState
来呈现不同的结果?或者,当启用打印模式以只渲染整个水平轴时,您可以尝试将 overflowColumnCount
设置得非常高。
不幸的是,我对此并没有多少经验。您可能需要进行一些实验才能获得最佳性能的解决方案。 :)
我有一个具有单个固定行的 MultiGrid 组件。我想打印结果,但由于多列在 x 轴上溢出,打印输出被截断。
是否可以将每一行包装在另一个元素中,然后使用显示 table-cell/table-row 来获得所需的、类似于 table 的行为?额外的好处是 table 可以轻松拉伸整个页面,即使列数很少。
Is it possible to wrap each row in another element
是的。可以通过注入您自己的 cellRangeRenderer
属性 来换行。话虽这么说,我真的不推荐它。 RV 并没有真正的 "rows" 或 "columns"- 只是定位的单元格。包装会添加额外的元素,这可能会降低滚动性能。 (可能不多,但每一点都对滚动很重要。)
and then use display table-cell/table-row to get the desired, table-like behavior?
如果您正在使用 MultiGrid
,我假设您有足够的列来保证对水平数据和垂直数据进行窗口化?在这种情况下,我不认为 display:table
真的适合你。我不确定它会给你带来什么。
您是否考虑过只渲染一个非 RV 布局,专门用于打印?我自己还没有这样做,但也许你可以利用 beforeprint
/afterprint
和 setState
来呈现不同的结果?或者,当启用打印模式以只渲染整个水平轴时,您可以尝试将 overflowColumnCount
设置得非常高。
不幸的是,我对此并没有多少经验。您可能需要进行一些实验才能获得最佳性能的解决方案。 :)