My issue is, when I click on a column header to sort by that column, the sort arrows (asc/desc) are not visible because I have sized the width of the column to be just wide enough for the header and data (these are fairly narrow columns).

I would rather not add extra width to every column to handle the possibility of a sort icon, because that would make the table horizontally scrollable or too wide for the html page. Ideally, I would just like the column being sorted (let's ignore multi-col sort for now) to grow in width whenever the sort arrow icon needs to be displayed. I could make the total table width be the sum of my column widths plus extra width for one sort arrow icon.

Alternatively, is there some way of indicating which column the grid is currently sorted by without modifying the width of the column, such as a column background color, or an icon above/below the header text, which would not change the width?

Or is there some grid feature/technique that accomplishes my goal of having the grid width remain less than or equal to my total grid width specification but still allow the sort arrow to appear?

Thanks, Keith.