CSS: i layout di tabella di Bootstrap

Short link

Con Bootstrap è possibile avere vari tipi di layout per le tabelle.

Per avere una tabella con gli stili di base scriveremo:


<table class="table">
	...
</table>

Per avere una tabella con le righe di colore alternato avremo:


<table class="table table-striped">
	...
</table>

Per aggiungere i bordi avremo invece:


<table class="table table-bordered">
	...
</table>

Per avere una tabella con un effetto :hover sulle righe useremo:


<table class="table table-hover">
	...
</table>

Per avere una tabella in cui le celle hanno la metà del padding predefinito scriveremo:


<table class="table table-condensed">
	...
</table>

Infine, per avere una tabella responsive:


<div class="table-responsive">
  <table class="table">
    ...
  </table>
</div>