Multi row header


I am trying to use multirow header(for now double row) and I want to disable from the first header row the option to sort, so just the second row will able to sort. How can I do that?


After grid initalization, you can add the line similar to next

grid.hdr.rows[1].onclick = function(e) { (e||event).cancelBubble = true; };


I did this but When I do it is cancelling onHeaderClick event.

I want to disable 2nd column to sort but I want to be able to click on it and get column index. How can I solve this issue?

unfortunately the issue cannot be reproduced locally. onHeaderClick event occurs well for us.
If issue still occurs for you - please, provide with any kind of sample of your code or a complete demo, where the issue can be reconstructed.