Come mettere spazio tra le colonne di GridView

July 24

cellule imbottitura nel controllo GridView ASP.NET imposta spazi tra le informazioni contenute all'interno della cellula e le frontiere. Questa formattazione viene chiamato "padding cella" e "spaziatura tra le celle." Queste due proprietà aiutare i programmatori visualizzare i dati in modo più professionale. cellule imbottitura è compiuta utilizzando le impostazioni dei pixel nel controllo GridView. Il GridView è programmato utilizzando i tag HTML tipici. All'interno di questi tag sono proprietà, e queste proprietà includono imbottitura delle cellule e le configurazioni di spaziatura. Dopo aver aggiunto un controllo GridView alla pagina web, impostando gli spazi tra le cellule si ottiene cambiando queste proprietà.

istruzione

1 Aprire una nuova pagina nella console di Visual Studio .NET. Dalla casella degli strumenti, trascinare e rilasciare il controllo GridView sulla nuova pagina. Questo creerà automaticamente il codice HTML e i valori predefiniti per il GridView.

2 Fare clic sulla scheda nello spazio di lavoro con l'etichetta "Codice". Ciò mostra l'effettiva HTML del gridview piuttosto che il layout della pagina. Modifica del codice consente un maggiore controllo e opzioni rispetto in visualizzazione struttura.

3 Individuare il tag HTML GridView con l'etichetta "<GridView>." All'interno di questo tag sono diverse proprietà, ma imbottitura delle cellule e la spaziatura vengono automaticamente azzerati con l'applicazione Visual Studio.

4 Inserire "cellpadding = 5" nel tag HTML GridView. Tornare alla visualizzazione di progettazione facendo clic sulla scheda "Design" sulla console. Si noterà che le cellule diventano più grandi. Ciò spiega la spaziatura tra il testo ei bordi della cella.

5 Fare di nuovo clic sulla scheda "Codice" nella console di Visual Studio. Rientro al tag GridView e inserire "cellspacing = 5" nel tag HTML. Tornare alla visualizzazione e notare che le cellule sono più distanziati l'uno dall'altro. Mentre gli spazi imbottitura cella contenuta testo dal bordo, la spaziatura delle cellule inserisce uno spazio tra ogni cella.

6 Salvare il nuovo file e visualizzarlo in un browser. È possibile visualizzare la pagina nel browser rapidamente facendo clic destro della pagina e selezionando "Solo lettura". Questo vi permetterà di testare le nuove impostazioni. Aumentare o diminuire il valore di ciascuna di queste proprietà fino a trovare lo spazio giusto per le cellule GridView.