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
defaultCellStyle.colorString
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>
In this article