[{"id":"7720ca38-fc98-4fd8-a3a5-3c0e730c3c72","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"247ded67-b050-4436-be40-fe7b0eeabef7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"9a8c377f-1f1e-476e-b487-c2339da9bed3","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"5e8e6db2-89b9-4184-bbdc-301ee676869e","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"e04b598e-b0d8-4054-bdac-5143d90b3d51","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"edb028d0-a8cc-42b2-acda-42a5515729f0","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"2adde444-20a6-43d7-8896-2b445877327a","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"6ab8ced2-6c7a-41b6-b861-ba066bd40f40","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"0c34aedd-80a3-470b-a0f6-c327a4346be7","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"717a5892-fa23-499b-a61d-cff228943aaf","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"bd9be971-69fc-4793-ad6d-234be7a93048","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"a1e8d38f-43d8-4b3e-b747-3fbf7656fcd9","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"d6995fdf-76ee-421f-9e7a-3fb324d14bbb","tags":[{"product":null,"links":null,"id":"2f522515-8c88-4017-855d-905bc4b0ea3c","name":"Upd","color":"Blue","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"64fa3155-4543-4acd-83b7-f9860fd46673","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"698413bd-0b16-4287-baec-644d98a411d1","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]},{"id":"7e4393a0-21ef-438b-981b-325b64db5baa","tags":[{"product":null,"links":null,"id":"6c1a6899-1b88-404c-9a73-4a0c6c9090a3","name":"New","color":"Red","productId":"66a69675-7df9-45b2-867a-4ab2613535fa"}]}]
        
(Showing Draft Content)

シート領域のオフセット

Spread.Sheetsでは、シート全体が完全に描画されることを保証できます。 シート領域のオフセットを設定すると、行ヘッダや列ヘッダを非表示にした場合に、先頭列および先頭行の左罫線/上罫線、グリッド線、二重線、選択領域の枠線が確実に表示されるようになります。

要件に応じて、ホストの左端または上端からのオフセットを設定して、シート領域を移動できます。デフォルトでは、下位互換性を維持するために、オフセット値は{left:0, top:0}となっています

次の図は、ワークシートでシート領域のオフセットを設定した場合の表示効果を示します。


スプレッドシートでシート領域のオフセットを設定する場合は、次の表に示すさまざまなシナリオと、その説明を参照してください。

シナリオ

説明

行ヘッダを表示する場合

先頭列は、行ヘッダ内の最初の表示列です。選択範囲の枠線は完全に表示されます。

行ヘッダを非表示にする場合

先頭列は、ビューポートの最左列です。

選択範囲の左枠線は切り取られず、完全に表示されます。

左側の二重線は部分的に表示されます。

列ヘッダを表示する場合

先頭行は、列ヘッダ内の最初の表示行です。選択範囲の枠線は完全に表示されます。

列ヘッダを非表示にする場合

先頭行は、ビューポートの最上行です。選択範囲の上枠線は切り取られず、完全に表示されます。

上部の二重線は部分的に表示されます。

選択範囲が先頭行または先頭列から開始される場合

選択範囲の左または上枠線は失われます。

ワークシートに行アウトラインまたは列アウトラインを設定する場合

二重線は部分的に表示されます。選択範囲の枠線は、アウトライン領域をカバーして完全に表示されます。

ワークシートを印刷する場合

印刷オプションshowBorderをfalseに設定し、シートオプションsheetAreaOffsetがデフォルト値のままである場合は、左枠線および上枠線の二重線を表示するためのオフセットは2ピクセルとなります。印刷オプションshowBorderをtrueに設定しても、結果は変わりません。

タッチ操作対応デバイスでワークシートをスクロールする場合

左端または上端の二重線は、シート周囲に常に表示されます。

左罫線または上罫線は完全に表示されます。

コードの使用

次のサンプルコードは、ワークシートにシート領域のオフセットを設定する方法を示します。

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