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
Creare un agente A2Acon Azure Logic Apps
Esporre tool MCP con Azure Functions
Selettore CSS :has() e i suoi casi d'uso avanzati
Keynote .NET Conference Italia 2025
Utilizzare Intersect e Except per filtrare set di dati in TSql
Collegare applicazioni server e client con .NET Aspire
Gestione delle scrollbar dinamiche in HTML e CSS
Mischiare codice server side e client side in una query LINQ con Entity Framework
Combinare Container Queries e Media Queries
Implementare il throttle in JavaScript
Recuperare gli audit log in Azure DevOps
Semplificare i deployment con le label in Azure Container App


