DataGridSelection.BorderStyle

Syntax

BorderStyle: String;

Description

The BorderStyle property determines selection border style.

Comments

Use JSON or the setBorderStyle method to set the property value, and the getBorderStyle method to get the property value.

Example

To execute the example, the HTML page must contain the DataGrid named grid (see Example of Creating the DataGrid Component). Set table row selection style, selection border style and select one of the rows:

// Get table selection object
var selection = grid.getSelection();
// Set selection style
selection.setSelectionStyle("background-color:#B1CA40");
// Set selection border style
selection.setBorderStyle("border-style: dashed");
// Get table rows
var rows = grid.getRows();
// Select row
if (1 < rows.length) selection.selectRow(1);

After executing the example the row with the 1 index is selected in table: A new background color and new border style are applied to selection object:

Hide row selection in table:

// Set whether selection is visible
selection.setIsVisible(False);

As a result, row selection is hidden in table, after that the table restores its original look.