defaultCellStyleObject

The default cell styles that will be applied to the sheet cells.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      background: "#f5f5f5",
      color: "#333",
      fontFamily: "Arial",
      fontSize: "12px",
      bold: true
    }
  });
</script>

defaultCellStyle.backgroundString

The background CSS color of the cell.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      background: "#e6f3ff"
    }
  });
</script>

defaultCellStyle.colorString

The text CSS color of the cell.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      color: "#ff6600"
    }
  });
</script>

defaultCellStyle.fontFamilyString

The font family of the cell.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      fontFamily: "Times New Roman"
    }
  });
</script>

defaultCellStyle.fontSizeString

The font size of the cell in pixels.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      fontSize: "14px"
    }
  });
</script>

defaultCellStyle.ItalicBoolean

If set to true, sets the cell font to italic.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      italic: true
    }
  });
</script>

defaultCellStyle.boldBoolean

If set to true, sets the cell font to bold.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      bold: true
    }
  });
</script>

defaultCellStyle.underlineBoolean

If set to true, sets the cell font to underline.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      underline: true
    }
  });
</script>

defaultCellStyle.wrapBoolean

If set to true, sets the cell wrap.

Example

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    defaultCellStyle: {
      wrap: true
    }
  });
</script>