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
Utilizzare Containers in .NET Aspire
Configurare automaticamente un webhook in Azure DevOps
Recuperare App Service cancellati su Azure
Utilizzare Container Queries nominali
Supportare la sessione affinity di Azure App Service con Application Gateway
Selettore CSS :has() e i suoi casi d'uso avanzati
Utilizzare EF.Constant per evitare la parametrizzazione di query SQL
Montare Azure Blob Storage su Linux con BlobFuse2
Creare una libreria CSS universale: i bottoni
Creare una libreria CSS universale: Clip-path
Eseguire una ricerca avanzata per recuperare le issue di GitHub
Ridurre il reflow ottimizzando il CSS
I più letti di oggi
- Usare i settings di serializzazione/deserializzazione di System.Text.Json di ASP.NET all'interno di un'applicazione non web
- .NET Conference Italia 2025 - Milano
- The Agentic Day - Milano
- Documentare i servizi REST con Swagger e OpenAPI con .NET 9
- ecco tutte le novità pubblicate sui nostri siti questa settimana: https://aspit.co/wkly buon week-end!