Customize Print Line Styles

SpreadJS provides CSS classes that let you customize the visual style of print-related lines in the worksheet. You can override these classes to change the line color and width for print preview lines, page break lines, and print area lines.

Available CSS Classes

CSS Class	Description
`.sjs-print-line`	Controls the style of print preview lines.
`.sjs-print-page-break`	Controls the style of page break lines.
`.sjs-print-area`	Controls the style of print area lines.

Customize Line Color and Width

Override the corresponding CSS class and set border-color and border-width.

.sjs-print-line {
    border-color: green;
    border-width: 2px;
}

.sjs-print-page-break {
    border-color: skyblue;
    border-width: 2px;
}

.sjs-print-area {
    border-color: pink;
    border-width: 2px;
}

The following image shows customized print-related lines.

SpreadJS worksheet displays customized green, blue, and pink print-related lines styled through .sjs-print-line, .sjs-print-page-break, and .sjs-print-area CSS classes.

Notes

This customization is implemented through CSS.
CSS-based print line customization is not imported or exported.