Grille avec trop de colonnes dans le site Web à largeur fixe

Question

J'utilise Radgrid de Telerik pour créer un site Web. Les colonnes de la grille dépassent souvent la largeur disponible et s'étendent en dehors de la zone de contenu principale (largeur fixe).

Quelles sont mes options pour présenter des grilles très larges? les barres de défilement horizontales sont moche sur mon site

Answer 1

Vos choix sont une combinaison des éléments suivants:

1. Petites polices
2. Consolidez certaines cellules pour avoir plusieurs lignes (par exemple, si vous avez une & date de début & "et &" date de fin & "; mettez la date de début en haut et la date de fin en bas.
3. élargissez la fenêtre
4. Faire apparaître certaines cellules de manière conditionnelle (en fonction de filtres définis par l'utilisateur). Les cellules les plus fréquemment utilisées apparaissent peut-être normalement et une case à cocher affiche les cellules ou groupes de cellules les moins fréquemment utilisés.
5. Autoriser le défilement horizontal
6. Faites de la fenêtre une largeur fluide
7. Pop-up de données dans un fichier flottant <div> via javascript au lieu de les placer dans une colonne

Est-ce que je manque quelque chose?

Answer 2

J'utilise aussi les commandes de telerik aussi, après avoir beaucoup travaillé avec elles, j'ai appris que leur CSS est généralement bon, mais je suis aussi confronté à votre problème, et voici mon conseil.

• ce que Keltex a dit.
• ajoutez toujours une classe personnalisée à votre grille Rad où vous corrigez ces problèmes.
• n'utilisez pas de largeur fixe pour la grille, mais utilisez-la sur les colonnes et rendez la grille fluide, comme le fait la page.

espérons que cela aide.

Answer 3

Je suis d’accord avec devmania et en rendant la grille fluide, j’ai eu un problème similaire récemment. Alors j'ai fait quelques colonnes maintenant et j'ai laissé le reste à emballer. Cela n'a pas l'air génial sur les petits écrans, mais il est toujours utilisable, car j'ai arrêté des opérations telles que le wrapping des colonnes de date et d'heure. Cependant, une fois que vous commencez à l’utiliser sur un écran plus large, il a fière allure.

Tout dépend du nombre de barres de défilement dont vous disposez. Est-il possible de supprimer certaines des colonnes et d’avoir cette information dans un popup / un flyout quelque part?

Une autre option consiste à définir les colonnes affichées configurables par l'utilisateur, mais vous ne résolvez pas vraiment le problème, il incombe simplement à l'utilisateur de lui donner une belle apparence.

Si vous ne parvenez pas à vous débarrasser de la barre de défilement horizontale, vous devez au moins essayer de placer les colonnes les plus importantes en premier afin que vos utilisateurs n'aient pas à faire défiler très souvent vers la droite.