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

Sheets.rows.cells.borderRight

configuration

The style information for the right border of the cell.

sheets.rows.cells.borderRight

Object

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

sheets.rows.cells.borderRight.color

String

The right 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",
          borderRight: {
            color: "#cccccc"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderRight.size

String

The width of the border in pixels.

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