Grid - Columns.Selectable - Title and Disable on certain rows

[Surjeet]

 Hi,

  I have tried looking through documentation and searching online, but have not found an answer to this.

  Taking the example at:  https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.selectable

  How could I change the code to satisfy these two requests:

    1.  Show a title in the header "Select Rows"

    2.  If the name is "John Doe", the row should not be selectable, and instead of the checkbox, I would like to see the name "John Doe".

 

Thanks.

 

 

[Georgi]

Hi Surjeet,

A possible solution to set a title is to use a headerTemplate.

Furthermore you can disable any checkbox via CSS.

Below you will find a small sample which demonstrates both of the above approaches:

• https://dojo.telerik.com/ojeQoKad

Regards,
Georgi
Progress Telerik

[Surjeet]

Thanks.  The code helps a lot.  However, one part is still missing

"2.  If the name is "John Doe", the row should not be selectable, and
instead of the checkbox, I would like to see the name "John Doe"."

  How could I change the value of the column to show "John Doe" instead of the checkbox

 

 

[Georgi]

Hi Surjeet,

A possible solution is to iterate through the rows and check for the name within the dataBound event handler.

e.g.

dataBound:function(){
  var grid = this;

  grid.tbody.find('tr').each(function(){
    var row = $(this);
    var dataItem = grid.dataItem(row);

    if(dataItem.name === 'John Doe'){
      row.find('td').eq(0).html(dataItem.name)
    }

  })
}

Below you will find a modified version of the sample:

• https://dojo.telerik.com/ojeQoKad/3

Regards,
Georgi
Progress Telerik