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

Sheets.rows.cells.borderBottom

configuration

The style information for the bottom border of the cell.

sheets.rows.cells.borderBottom

Object

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

sheets.rows.cells.borderBottom.color

String

The bottom 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",
          borderBottom: {
            color: "#ff0000"
          }
        }]
      }]
    }]
  });
</script>

sheets.rows.cells.borderBottom.size

String

The width of the border in pixels.

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