SpreadJS Documentation - Changing the Grid Line Appearance

Changing the Grid Line Appearance

In This Topic

You can change the color or hide the grid lines.

Using Code

This example sets the grid line color and hides the horizontal grid lines.

JavaScript	Copy Code
$(document).ready(function () { var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"), {sheetCount:3}); var sheet = spread.getActiveSheet(); // Hide horizontal grid lines. sheet.options.gridline = {color:"red", showVerticalGridline: true, showHorizontalGridline: false}; spread.invalidateLayout(); spread.repaint(); });

JavaScript

Copy Code

$(document).ready(function () 
{
    var spread = new GC.Spread.Sheets.Workbook(document.getElementById("ss"),
    {sheetCount:3});
    var sheet = spread.getActiveSheet();
   
    // Hide horizontal grid lines.
    sheet.options.gridline = {color:"red", showVerticalGridline: true, 
    showHorizontalGridline: false};
    spread.invalidateLayout();
    spread.repaint();
});

Developer's Guide

Borders, Gridlines and Diagonal Lines

Product Support Forum | Print this page