SpreadJS Documentation
GC.Spread.Sheets Namespace / Style class / backColor Field
In This Topic
    backColor Field
    In This Topic
    Indicates the background color.
    Syntax
    var instance = new GC.Spread.Sheets.Style(backColor,
                                             foreColor,
                                             hAlign,
                                             vAlign,
                                             font,
                                             themeFont,
                                             formatter,
                                             borderLeft,
                                             borderTop,
                                             borderRight,
                                             borderBottom,
                                             diagonalDown,
                                             diagonalUp,
                                             locked,
                                             textIndent,
                                             wordWrap,
                                             shrinkToFit,
                                             backgroundImage,
                                             cellType,
                                             backgroundImageLayout,
                                             tabStop,
                                             textDecoration,
                                             imeMode,
                                             name,
                                             parentName,
                                             watermark,
                                             cellPadding,
                                             labelOptions,
                                             labelOptions.alignment,
                                             labelOptions.visibility,
                                             labelOptions.font,
                                             labelOptions.foreColor,
                                             labelOptions.margin,
                                             isVerticalText,
                                             textOrientation);
    var value; // Type: string
    value = instance.backColor;
    var backColor : string;
    Example
    This example sets the style backColor property.
    activeSheet.setArray(0,0,[1,2,3,4,5,6,7,8,9,10]);
    var style = new GC.Spread.Sheets.Style();
    style.backColor = "red";
    style.foreColor = "black";
    var cell = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
    cell.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.cellValueRule);
    cell.operator(GC.Spread.Sheets.ConditionalFormatting.ComparisonOperators.greaterThan);
    cell.value1(5);
    cell.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
    cell.style(style);
    activeSheet.conditionalFormats.addRule(cell);
    
    var style1 = new GC.Spread.Sheets.Style();
    style1.foreColor = "red";
    var top = new GC.Spread.Sheets.ConditionalFormatting.NormalConditionRule();
    top.ruleType(GC.Spread.Sheets.ConditionalFormatting.RuleType.top10Rule);
    top.type(GC.Spread.Sheets.ConditionalFormatting.Top10ConditionType.top);
    top.rank(3);
    top.style(style1);
    top.ranges([new GC.Spread.Sheets.Range(0, 0, 10, 1)]);
    top.stopIfTrue(true);
    activeSheet.conditionalFormats.addRule(top);
    See Also

    Reference

    Style class