KNACSS/doc/04-tableaux.md
2015-03-09 16:05:06 +01:00

871 B

Tableaux de données

KNACSS propose une feuille de style minimale appliquée aux tableaux de données ainsi qu'aus éléments disposant d'une classe .table.

Pour débuter, KNACSS impose un modèle d'affichage fixé à tous les tableaux via table-layout: fixed;. Ainsi, ce ne sera plus le contenu qui décidera de la largeur des cellules, mais ce que vous aurez spécifié dans les tailles CSS.

table,
.table {
  width: 100%;
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
  border: 1px solid #ccc;
}
.table {
  display: table;
}
table#recaptcha_table,
table.table-auto {
  table-layout: auto;
}
caption {
  padding: 10px;
  color: #555;
  font-style: italic;
}
td,
th {
  padding: 0.3em 0.8em;
  border: 1px #aaa dotted;
  vertical-align: top;
  min-width: 20px;
  cursor: default;
  text-align: left;
}