打印网格组件

时间:2017-07-05 22:30:10

标签: react-virtualized

我有一个带有单个固定行的MultiGrid组件。我想打印结果,但由于x轴上有多列溢出,打印输出会被截断。

是否可以将每一行包装在另一个元素中,然后使用display table-cell / table-row来获得所需的表格式行为?额外的好处是,即使列数较少,表也可以轻松拉伸整个页面。

1 个答案:

答案 0 :(得分:0)

  

是否可以将每一行包装在另一个元素中

是。可以通过注入自己的cellRangeRenderer属性来包装行。话虽如此,我并不是真的推荐它。 RV并没有真正拥有"行"或"列" - 刚刚定位的单元格。环绕会添加额外的元素,这可能会降低滚动性能。 (可能不多,但每一点都有点滚动。)

  

然后使用display table-cell / table-row来获得所需的,   表格式的行为?

如果您正在使用MultiGrid,我假设您有足够的列来保证水平数据和垂直数据的窗口化?在这种情况下,我不认为display:table真的适合你。我不确定它会给你买什么。

您是否考虑过仅渲染非RV布局?我自己也没有做到这一点,但也许你可以利用beforeprint / afterprintsetState来呈现不同的结果?或者,当启用打印模式以仅渲染整个水平轴时,您可以尝试将overflowColumnCount设置为非常高。

不幸的是,我真的没有多少经验。您可能需要进行一些实验才能获得性能最佳的解决方案。 :)

相关问题