Cacher l'en-tête d'une liste

Les en-têtes des listes sont très utiles car ils permettent de trier ou de filtrer la liste rapidement (sans avoir besoin d'un affichage). Pourtant, il peut arriver, surtout pour des raisons esthétiques, de vouloir cacher un en-tête de liste.

Voici un WebPart d'annonces avec son en-tête de liste.

Vous devrez ajouter le code suivant pour ne pas afficher cet en-tête.

<style type="text/css">

 .ms-viewheadertr {DISPLAY: none}
</style>
Si vous conservez la case à cocher devant chaque élément (vue tabulaire), vous pourrez ajouter .ms-vb-itmcbx { width: 20px } pour éviter le décalage qui se produit lorsqu'on place la souris sur l'élément.

Dans le cas d'une page Wiki, vous allez directement éditer la page en modifiant la source HTML.

Dans le cas d'une page de composants WebPart, vous devez insérer un WebPart Éditeur de contenu avec l'option caché.

Voici le résultat:

Pour cacher de WebPart choisis sur une page:

http://code-journey.com/2011/hide-list-column-headers-titles-in-list-view-web-parts/