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

Sheets.rows.cells.borderTop

configuration

The style information for the top border of the cell.

sheets.rows.cells.borderTop

Object

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

sheets.rows.cells.borderTop.color

String

The top 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",
          borderTop: {
            color: "#ff6600"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderTop.size

String

The width of the border in pixels.

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