Пейджер меньше и без границ

Question

Я только на некоторое время начинаю кодировать в веб-формах, и я совсем недавно использую его отличительные элементы.Теперь я закодировал gridview, все в порядке, но у меня проблемы с de footer.

Я не могу получить нижний колонтитул с пейджером внутри меньше, чем весь ряд.Пожалуйста, смотрите изображение ниже:

Я хотел бы получить как два маленьких квадрата (или больше, если это нужно пейджеру) в правой части экранабез границ.

Странно, я установил эту конфигурацию для определения вида сетки:

 <asp:GridView ...PagerStyle-BorderStyle="None" PagerStyle-Height="200" PagerStyle-Width="400">

Задав определенный класс и назначив его нижнему колонтитулу, в определении gridview:

 <asp:GridView ... PagerStyle-CssClass="pagerElias" >

..pagerElias{
    height:200px;
    width:400px;
    vertical-align:middle;
    text-align:right;
    border-style:hidden;
}

Даже пытаясь установить их в другом ряду (сначала по свойству, а затем по классу):

<PagerStyle CssClass="pagerElias"/>

.pagerElias{
    height:200px;
    width:400px;
    vertical-align:middle;
    text-align:right;
    border-style:hidden;
}

Самое меньшее, что я получил, - это ситуация с изображением.

Пожалуйста, дайте подсказку о том, что я делаю не так ...

Спасибо, товарищи

Answer 1

После комментария @VDWWD я определил класс в своем виде css:

.pagerElias td {
        height:200px;
        width:400px;
        vertical-align:middle;
        text-align:right;
        border-style:hidden;
}

И я использую этот класс в своем gridview:

<asp:GridView ... PagerStyle-CssClass="pagerElias" >

Таким образом, яя устанавливаю td внутри gridview, который имеет класс pagerElias.

Спасибо