Column Header – problem with text-overflow: ellipsis

[mtbvfrAgainBlocked]

Good morning/afternoon/evening,

The Divs for the Column Header text are declared as follows.

<div style="text-align: left; margin: 4px 2px 4px 4px; overflow: hidden; text-overflow: ellipsis;"><span style="text-overflow: ellipsis; cursor: default;">Quantity</span></div>

However, when the column is resized to be thinner and obscure the trailing text, the ellipsis (…) is not showing.

This happens on my Desktop Browser (Mozilla SeaMonkey) & Mobile Safari (iOS 6.1.3).

You can confirm this by looking at your own Resizing Demo (columnsresizing.htm).

The problem is related to using autoshowcolumnsmenubutton:false.

Thanks, Michael.

[mtbvfrAgainBlocked]

P.S.

The problem exists in 2.9.3 and 3.0.1.

I haven’t had time to download 3.0.2 to see if it still exists with that version.

Hasta pronto, Michael.

[Author]

Posts