Remove tr elements class

Question

How can I remove a class that is defined to a table row element using EXT JS or plain Javascript. The class I want to remove is x-grid-row-selected Using tr.removeCls('x-grid-row-selected) gives me an error:

Uncaught TypeError: Object #<HTMLTableRowElement> has no method 'removeCls' 

Answer 1

Ext provides a removeCls method but you need an instance of an Ext Element for it to work. HTMLElement does not have a removeCls method that is why you are getting the error. This should work:

Ext.fly(tr).removeCls('x-grid-row-selected')

Answer 2

try like this

 $(document).ready(function(){
         $("tr").removeClass('x-grid-row-selected);
    });