Masquer les colonnes du tableau à l'aide de Bootstrap 4
Je sais que Bootstrap 4 utilise nouveaux utilitaires d'affichage pour afficher ou masquer les informations en fonction de la taille de l'écran. Ma question est de savoir comment les faire fonctionner avec une table? Je veux pour supprimer les colonnes car la taille de l'écran est plus petite.
J'ai utilisé "d-xs-none" et cela n'a aucun effet. Cependant, lorsque j'utilise "d-sm-none", la colonne est supprimée lorsque la taille est "sm" ou plus grande (exactement le contraire de ce dont j'ai besoin). Si j'essaye "d-none d-xs-none" la colonne n'apparaît jamais. Un péché: <th class="text-center d-none d-xs-none" scope="col">Location</th>
En gros, pouvez-vous me montrer un exemple de masquage d'une colonne de tableau lors du redimensionnement du navigateur sur un appareil mobile? Merci de votre aide!
Essayez d'utiliser d-none d-sm-table-cell pour les colonnes du tableau. La colonne contenant ces classes ne sera pas affichée sur xs.