title: Kendo Grid Row click change color
body: <p>I have a kendo grid with the following code : </p>
  
  <pre><code>var data = &lt;?php echo $model-&gt;over_view; ?&gt;;
          var grid = $("#grid").kendoGrid({
              dataSource: {
                  data: data,
                  pageSize: 10,
                  sort: { field: "metric", dir: "asc" }
              },
              dataBound: function () {
                  $('td').each(function () {
                      if($(this).text() == 0){
                          $(this).text('.');
                      }
                      if ($(this).text() == 'Bad') {
                          $(this).addClass('critical')
                      } else if ($(this).text() == 'Good') {
                          $(this).addClass('ok')
                      } else if ($(this).text() == 'Suspect') {
                          $(this).addClass('warning')
                      } else if ($(this).text() == 'Idle') {
                          $(this).addClass('idle')
                      }
                  })
              },
              //rowTemplate: '&lt;tr class="#: classification ==\"Good\" ? "discontinued" : "" #" data-uid="#: uid #"&gt;&lt;td&gt;#: classification #&lt;/td&gt;&lt;td&gt;#: MAC #&lt;/td&gt; &lt;td&gt;#: f_Auth #&lt;/td&gt;&lt;td&gt;#: f_Assoc #&lt;/td&gt;&lt;td&gt;#: f_EAP #&lt;/td&gt;&lt;td&gt;#: f_EAPOL #&lt;/td&gt;&lt;td&gt;#: f_Data #&lt;/td&gt;&lt;td&gt;#: f_DHCP #&lt;/td&gt; &lt;td&gt;#: f_Unk #&lt;/td&gt;&lt;td&gt;#: metric #&lt;/td&gt;&lt;/tr&gt;',
              sortable: true,
              resizable : true,
              pageable: true,
              toolbar: kendo.template($("#filterDeviceType").html()),
              columns: [
                  { field: "classification", title: "Device Health",headerAttributes:{ style:"text-align:center"}},
                  { field: "display_mac", title: "Devices", width: 150,headerAttributes:{ style:"text-align:center "}, template:"&lt;a target=\"_blank\" href='"+$("#visualize-url").val()+ "?trace_id=" + $("#trace-id").val()+"&amp;mac="+"${MAC}&amp;perspective=${type}'&gt;${display_mac}&lt;/a&gt;" },
                  { field: "f_Auth", title: "Authentication Failure",headerAttributes:{ style:"text-align:center"} },
                  { field: "f_Assoc", title: "Association Failure",headerAttributes:{ style:"text-align:center"}},
                  { field: "f_ReAssoc", title: "Re-Association Failure",headerAttributes:{ style:"text-align:center"}},
                  { field: "f_EAP", title: "EAP Failure" ,headerAttributes:{ style:"text-align:center"}},
                  { field: "f_EAPOL", title: "EAPOL Failure",headerAttributes:{ style:"text-align:center"}},
                  { field: "f_Data", title: "Data Failure",headerAttributes:{ style:"text-align:center"}},
                  { field: "f_DHCP", title: "DHCP Failure",headerAttributes:{ style:"text-align:center"}},
                  { field: "Data", title: "Data Packets",headerAttributes:{ style:"text-align:center"}},
                  { field: "Total", title: "Total Packets",headerAttributes:{ style:"text-align:center"}}
  
              ]
          });
  </code></pre>
  
  <p>The second column in the grid "Devices" is a hyperlink with each row-item pointing to a particular page. I want to add the functionality, whereby if a user clicks on a row item, the kendo grid remembers the click and changes the color of that row item accordingly(from blue to maybe violet, like google does in its search page)
  How do i do that?</p>