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
Eseguire una query su SQL Azure tramite un workflow di GitHub
Usare le variabili per personalizzare gli stili CSS
Usare un KeyedService di default in ASP.NET Core 8
Utilizzare un service principal per accedere a Azure Container Registry
Implementare il throttling in ASP.NET Core
Sfruttare i KeyedService in un'applicazione Blazor in .NET 8
Definire lo stile CSS in base alle dimensioni del container
Configurare dependabot per aggiornare le dipendenze di terze parti con GitHub Actions
Effettuare chiamate con versioning da Blazor ad ASP.NET Core
Ottimizzare la latenza in Blazor 8 tramite InteractiveAuto render mode
Usare Refit e Polly in Blazor per creare client affidabili e fortemente tipizzati