Masquer des Colonnes en responsive table à l'aide de css

J'ai un générique de table et Souhaitez utiliser ce tableau pour but multi.
Pour Exemple 1.
Pour les informations sur les Employés:
Eno eFname ELName EDept ESalary Elocation.
Ci-dessus je veux cacher ELname et Elocation. Actuellement j'ai utilisé de la classe css pour masquer la ELName et ELocation.

Eg 2: Étudiant De Détails
Sno SFname SLname SDegree SLocation.
Je veux cacher certaines colonnes sur certains appareils comme en mode mobile, mode portrait.
Actuellement j'ai utilisé de la classe css pour masquer la colonne particulière.Mais la table est générique pour tous.

J'ai remarqué que l'ajout de classes comme .caché de téléphone et .caché-la tablette pour tableau de cellules brdeak visuellement. C'est parce que les cellules essayez d'afficher sous forme de blocs.

Pouvez-vous m'aider à ce que les propriétés j'ai besoin d'utiliser .caché-phone.caché-portrait..etc.
Ne veulent pas de cacher les colonnes à l'aide de tr td:nth-child(4),tr td:nth-child(3) dans les requêtes de média.

Avez-vous essayé display:none ou visiblilty:hidden; ou opacity:0;??
Utilisation de @media-queries dans votre css. joostrap.com/media-queries

OriginalL'auteur user2333363 | 2013-06-10