Header sort arrow on next line.
var myColumns = ["<BR>Size", "Company<BR>Part Number", "Universal<BR>Part Number", "Max O.D.<BR>M", "<BR>C", "<BR>H", "<BR>G", "Approx<BR>Wt.(lb)"];
Everything works well, except when we sort a column, the 'sort arrow' appears on the 'next line' which would be the 3rd line. This causes the sort arrow to be 'clipped' by the header row height setting. Increasing the header row height setting allows the sort arrow to be visible, but looks bad and is not an efficient use of space.
Note that the text is center justified as if the sort arrow were on the correct line. For example, the column titled 'C' has the 'C' on the second line. When the user clicks on that column heading, the 'C' shifts to the left the correct amount, if the sort arrow were placed to the right of it. However, the sort arrow is placed in that exact horizontal position, but on the third line.
Preferably, I need to position the sort arrow in the correct location. However, as a work around, I would like to turn the sort-arrow 'off' while maintaining the sort functionality.
Anyone else solved this issue or have ideas? Thanks in advance for any help!