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
Gestione delle scrollbar dinamiche in HTML e CSS
Utilizzare zizmor per rendere più sicuri i workflow di GitHub
Interazione con ReconnectModal in Blazor
Le cron expression di un workflow di GitHub
DevSecOps per .NET: dalla teoria alla pratica
Semplificare i deployment con le label in Azure Container App
Evidenziare una porzione di testo in un pagina dopo una navigazione
Mappare una complex property di una entity su un campo JSON
Effettuare la ricerca di testo nascosto in una pagina web con Javascript
Utilizzare il Null conditional assignment di C# 14
Utilizzare le View Transition API di JavaScript
Utilizzare i command service nei test con .NET Aspire


