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
Selettore CSS :has() e i suoi casi d'uso avanzati
Utilizzare il metodo IntersectBy per eseguire l'intersection di due liste
Estrarre dati randomici da una lista di oggetti in C#
Creare un webhook in Azure DevOps
Esporre i propri servizi applicativi con Semantic Kernel e ASP.NET Web API
Garantire la provenienza e l'integrità degli artefatti prodotti su GitHub
Utilizzare il metodo ExceptBy per eseguire operazione di sottrazione tra liste
Gestire eccezioni nei plugin di Semantic Kernel in ASP.NET Core Web API
Implementare l'infinite scroll con QuickGrid in Blazor Server
Gestire gli accessi con Token su Azure Container Registry
Filtering sulle colonne in una QuickGrid di Blazor