工作表区域偏移有什么用?

您可以通过纯前端表格控件 SpreadJS 配置网格区域偏移,以确保在隐藏行标题或列标题时完全呈现第一列/第一行的左/上边框,网格线,双线和选择边框。

下图说明了在工作表中设置工作表区域偏移的重要性。

工作表中设置工作表区域偏移

通过下面的表格,您可以了解到SpreadJS在处理工作表区域偏移时可能需要参考的不同方案及其描述:

脚本 描述
当行标题可见时 第一列引用行标题的第一个可见列。 选择边框完全呈现。
当行标题被隐藏时 第一列引用视口的左列。 选区左边框不会被剪裁,可以完全渲染。 左侧的双线将部分呈现。
当列标题可见时 第一行引用列标题的第一个可见行。 选择边框完全呈现。
隐藏列标题时 第一行引用视口的顶行。 选择顶部边框不会被剪裁,可以完全渲染。 顶部的双线将部分呈现。
当选择从第一行/列开始时 左/上选择边框将丢失。
当工作表具有行轮廓或列轮廓时 双线未完全呈现。 选择边框将完全覆盖轮廓区域。
在打印工作表时 如果print选项:showBorder设置为false,并且工作表选项:sheetAreaOffset包含默认值,则会将偏移设置为2像素,以便在左/上边框中呈现双线。 如果print选项:showBorder设置为true,则行为将保持与以前相同。
在启用触摸的设备中滚动工作表 左侧或顶部的双线将始终呈现在纸张之外。 左边框或上边框可以完全呈现​​。

SpreadJS 如何使用代码实现工作表区域偏移?

JavaScript Copy Code
sheet.options.sheetAreaOffset= {left : 2, top : 2};

只需要一行代码,就可以轻松实现,SpreadJS是不是很强大。