how to disable arranged in header row 2 ?

In my grid have header 2 rows.It have header text on row 1 and text box on row 2. from this xml.

----------------------------------------- XML -------------------------------------------



Sales

Book Title

Author

Price



px



        

<![CDATA[,,,]]>





----------------------------------------- XML -------------------------------------------

I don’t want to arranged data in grid when i click on text box,How i can do ?

you can disable such behavior, by using direct DOM access

grid.loadXML(url,function(){
    grid.hdr.rows[2].onclick=function(e){
       (e||event).cancelBubble=true;   // block click event for second header row
    });
});