I still had an issue when doing multi-select of rows with the shift button. It would select a block of text.

To workaround this, I used a custom selModel defined on the gridpanel:

Code:

var sm = new Ext.grid.RowSelectionModel();
sm.on('selectionchange', function(sm) {
// only clear text selection when selecting more than one row (shift-select)
if (sm.getSelections().length > 1) {
// use setTimeout, because the event still has to cascade to the browser
// for the text selection to happen
window.setTimeout(function() {
// for mozilla
if (window.getSelection) { getSelection().removeAllRanges() }
// for IE
else if (document.selection) { document.selection.empty(); };
}
, 0);
};
});

when selecting text with SHIFT key, the text is selected and then unselected, so there'll be a flash with this hack, I'm testing it in IE8, there should be some way to disable the text selection when SHIFT key is down ?

The code above makes the text selectable in all grids and you also have the second row in the grid display.
Please note that in order to be able to select the text in the second row also the getRowClass must return the x-selectable class.

Thanks for the contribution Condor. I'm trying to do the same in Ext JS 4 but I'm not exactly sure which class I should override. I see the code in the distro, but I can't seem to override it without a JavaScript error.