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
Implementare il throttle in JavaScript
Utilizzo di CSS Scroll Snap per realizzare un carousel
Creare una file based app con C#
Abilitare il rolling update su Azure Functions flex consumption
Configurare OpenTelemetry per Application Insights su ASP.NET Core
Effettuare la ricerca di testo nascosto in una pagina web con Javascript
Impostare la content-visibility in CSS per ottimizare il rendering iniziale di una pagina
Ridurre il reflow ottimizzando il CSS
Recuperare le subissue e il loro stato di completamento in GitHub
Ciclo di vita risorse con .NET Aspire
Mischiare codice server side e client side in una query LINQ con Entity Framework
Personalizzare le pagine di errore su Azure App Service




