Skip to Main Content

An editable Interactive Grid will have a selection row header by default but you can add one to any grid. Create a new column and select Row Selector for the type. The name doesn't matter because it is not seen. The order also doesn't matter because the selection row header is always the first column. In fact it isn't really a column at all. It is treated special. It has no data source and is always frozen at the start of the grid. It allows you to configure settings related to single or multiple selection, select all, and showing a checkbox or radio button control.

This example shows the default settings. Play around with the Enable Multi Select, Show Select All, and Hide Control settings. Multiple selection and select all are independent of having a row header. These settings and more can be controlled with advanced configuration as the next two examples show.

The Row Selector as a selection row header should not be confused with the Use As Row Header column attribute which is used for accessiblity. It is a best practice to select at least one column that best represents the contents of the row. This example has set the ENAME column to Use As Row Header. In addition to making the column value the accessible row header for assistive technology it also adds the "a-GV-rowHeader" class to the cell. In this example a custom CSS rule is added to the page to make the text bold.