Bootstrap mette a disposizione delle classi CSS per personalizzare le tabelle HTML. La classe principale da applicare al tag table è table. Questa classe contiene gli stili per renderizzare solo le linee orizzontali e assegnare un padding molto tra le celle.
<table class="table"> <!-- code --> </table>
Se vogliamo ridurre il padding tra le celle per far apparire la tabella meno grande, dobbiamo aggiungere la classe table-condensed.
<table class="table table-condensed"> <!-- code --> </table>
Per visualizzare tutti i bordi della tabella, dobbiamo invece aggiungere la classe table-bordered.
<table class="table table-bordered"> <!-- code --> </table>
Tra le altre opzioni c'è anche la possibilità di alternare il colore dello sfondo delle righe semplicemente aggiungendo la classe table-striped.
<table class="table table-striped"> <!-- code --> </table>
Commenti
Per inserire un commento, devi avere un account.
Fai il login e torna a questa pagina, oppure registrati alla nostra community.
Approfondimenti
Utilizzo di CSS Scroll Snap per realizzare un carousel
Definire il colore di una scrollbar HTML tramite CSS
Welcome to Future Dev Day 2026
Ridimensionamento automatico input tramite CSS
Integrare Agenti A2A in Azure API Management
Filtrare i dati in ASP.NET Core usando OpenTelemetry su Azure Monitor
Utilizzo delle stepped value functions nel CSS
Analizzare il contenuto di una issue con GitHub Models e AI
Creare una cache temporanea in JavaScript
Controllare la velocità di spostamento su una pagina HTML
Dallo sviluppo locale ad Azure con .NET Aspire


