defaultCellStyle

Object

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

defaultCellStyle.Italic

Boolean

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

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

defaultCellStyle.background

String

The background CSS color of the cell.

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

defaultCellStyle.bold

Boolean

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

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

defaultCellStyle.color

String

The text CSS color of the cell.

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

defaultCellStyle.fontFamily

String

The font family of the cell.

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

defaultCellStyle.fontSize

String

The font size of the cell in pixels.

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

defaultCellStyle.underline

Boolean

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

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

defaultCellStyle.wrap

Boolean

If set to true, sets the cell wrap.

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