スタイル付きの列ヘッダーを持つテーブルがあります。ヘッダーの高さが制限されているため、ヘッダーは実際には狭くなっています。ヘッダーには、並べ替えインジケーター (デフォルトの矢印/三角形) もあります。
ユーザーが列の幅を変更してテキストの幅よりも狭くすると、テキストの末尾が 3 つのドットでトリミングされます。例: "Universi..." これまでのところとても良いです。
問題は、並べ替えインジケーターがトリミングされたテキストの一部を隠していることです。幅の広い列を想像してみてください。テキストが完全に表示され、並べ替えアイコンが右側にあり、すべてが見栄えがします。ここで、ユーザーは列のサイズを変更します。テキストが 3 つのドットでトリミングされる直前に、ソート インジケーターがテキストの右側を隠し始めます。ある時点で、テキストは 3 つのドットの上にある並べ替えインジケータでトリミングされます。たとえば、「Universi.▽」または「Univers▽」です。
ヘッダーがソート記号を考慮していないようです。「Univer... ▽」などのように、トリミングされたテキストと重ならないように記号インジケータを設定する簡単な方法はありますか? 列のサイズ変更と並べ替えが可能である必要があります。
プッシュ ボタンとテキスト ボックスを備えた特別なウィジェットを定義したり、イベントやトリミングを処理したりしたくありません。これは深刻なオーバーヘッドです。
ありがとう