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
Gestire la cancellazione di una richiesta in streaming da Blazor
Eseguire una query su SQL Azure tramite un workflow di GitHub
Creazione di plugin per Tailwind CSS: espandere le Funzionalità del Framework
Gestione dei nomi con le regole @layer in CSS
Utilizzare database e servizi con gli add-on di Container App
Definire stili a livello di libreria in Angular
Ordine e importanza per @layer in CSS
Utilizzare Azure Cosmos DB con i vettori
Gestire i dati con Azure Cosmos DB Data Explorer
Utilizzare QuickGrid di Blazor con Entity Framework
Change tracking e composition in Entity Framework
Usare una container image come runner di GitHub Actions