J'ai une table avec des en-têtes de colonne stylisés. La hauteur de l'en-tête est limitée, de sorte que les en-têtes sont réellement étroits. L'en-tête a également l'indicateur de tri (la flèche/triangle par défaut).Ajuster le texte dans un en-tête de colonne de tableau avec l'indicateur de tri
Lorsque l'utilisateur modifie la largeur d'une colonne de telle sorte qu'elle soit inférieure à la largeur du texte, le texte est rogné avec 3 points à la fin. Par exemple. "Universi ..." Jusqu'ici tout va bien. Le fait est que l'indicateur de tri cache une partie du texte rogné. Imaginez une colonne large - le texte est entièrement affiché et l'icône de tri est sur la droite et tout semble bon. Maintenant, l'utilisateur redimensionne la colonne. Juste avant que le texte soit découpé avec 3 points, l'indicateur de tri commence à masquer le côté droit du texte. À un certain point, le texte est découpé avec l'indicateur de tri au-dessus des 3 points. Par exemple. "Universi. ▽" ou même "Univers ▽".
Il semble que l'en-tête ne prenne pas en compte le signe de tri. Existe-t-il un moyen simple de définir l'indicateur de signe pour ne pas chevaucher le texte rogné, par ex. "Univer ... ▽"? J'ai besoin que les colonnes soient redimensionnables et triables. Je ne veux pas définir un widget spécial avec un bouton poussoir et une zone de texte et gérer les événements et le découpage et donc ... c'est une surcharge sérieuse.
Merci