Как да добавите разстояние между колоните в GridView

В ASP.NET GridView контролната таблица можете да зададете разстояния между съдържанието в клетките и техните граници. Тези настройки се наричат cell padding (вътрешен отстъп) и cell spacing (междуклетъчен разред) и помагат данните да изглеждат по‑професионално.

Стъпка 1

Отворете нова уеб страница във Visual Studio. Плъзнете контролата GridView от Toolbox върху страницата – Visual Studio автоматично генерира HTML кода и задава стойностите по подразбиране.

Стъпка 2

Превключете в таба Code, за да видите истинския HTML на GridView. Редактирането в кодовия режим дава по‑голям контрол от дизайна.

Стъпка 3

Намерете елемента <asp:GridView>. По подразбиране Visual Studio задава CellPadding="0" и CellSpacing="0".

Стъпка 4

Добавете CellPadding="5" в етикета. Върнете се в таба Design – клетките ще станат по‑големи, тъй като вътрешният отстъп между текста и границата се увеличава.

Стъпка 5

Отново превключете към Code и добавете CellSpacing="5". При връщане към Design ще видите, че клетките са раздалечени една от друга. CellPadding отделя текста от границата, докато CellSpacing създава разстояние между самите клетки.

Финални стъпки

Запазете файла и прегледайте страницата в браузър (десен клик → View in Browser). Регулирайте стойностите на CellPadding и CellSpacing, докато постигнете желаното визуално оформление.