New to Kendo UI for jQuery? Start a free 30-day trial

Sheets.rows.cells.borderLeft

configuration

The style information for the left border of the cell.

sheets.rows.cells.borderLeft

Object

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderLeft: {
            color: "#0000ff",
            size: "1px"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderLeft.color

String

The left border color of the cell. Many standard CSS formats are supported. However, the canonical form is #ccff00.

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderLeft: {
            color: "#00ff00"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderLeft.size

String

The width of the border in pixels.

<div id="spreadsheet"></div>
<script>
  $("#spreadsheet").kendoSpreadsheet({
    sheets: [{
      rows: [{
        cells: [{
          value: "Cell",
          borderLeft: {
            size: "2px"
          }
        }]
      }]
    }]
  });
</script>