Изменить выравнивание определенного столбца - Gridview - PullRequest
Новая
       8

Изменить выравнивание определенного столбца - Gridview

0 голосов
/ 12 февраля 2020

У меня есть Gridview, элементы которого должны быть выровнены по левому краю, и я написал код, как показано ниже. Теперь у меня есть столбец для серийного номера. Только этот столбец должен быть выровнен по центру. Как мне этого добиться? Я сделал, как показано ниже. Но столбец серийного номера всегда выровнен по центру. Короче говоря, элементы первого столбца gridview должны быть выровнены по центру. А остальные столбцы должны быть выровнены. 

 <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False"  
 CssClass="gridview_alter"  GridLines="Both"  HorizontalAlign="Right"  CellPadding="4" 
 CellSpacing="2" HeaderStyle-Height="60px" HeaderStyle-Font-Bold="true"
 HeaderStyle-Font-Size="Larger" Caption="Information" CaptionAlign="Top"          
 OnRowDataBound="GridView2_RowDataBound">             
            <Columns>
        <asp:TemplateField HeaderText="SNo"><ItemTemplate >
        <asp:Label ID="lblSRNO" runat="server" Text='<%#Container.DataItemIndex+1 %>'></asp:Label>
        </ItemTemplate>
        <ItemStyle Width="20px" HorizontalAlign="Center" />
        <HeaderStyle  Width="20px" />
        </asp:TemplateField>

        <asp:BoundField DataField="name" HeaderText="Name" ReadOnly="True"></asp:BoundField>                                          
        <asp:BoundField DataField="count" HeaderText="Total" ReadOnly="True"></asp:BoundField> 
            </Columns> 
 </asp:GridView>


protected void GridView2_RowDataBound(object sender, GridViewRowEventArgs e)
{
    GridView2.Columns[0].ItemStyle.HorizontalAlign = HorizontalAlign.Center;//serialnum
}

.gridview_alter {
width: 85%;
font-family: Arial !important;
border: 2px solid #d7dedb;
background-color: #ffffff;
}
 .gridview_alter th {
    text-align: center;
    background-color: #ffffff;
}
  .gridview_alter td {
    font-size: 16px;
    color: #000000;
    text-align: left;
}

1 Ответ

0 голосов
/ 16 февраля 2020

Для оставшихся двух столбцов [name, count] вы также должны добавить свойство ItemStyle-HorizontalAlign и HeaderStyle-HorizontalAlign как: 

<asp:BoundField DataField="name" HeaderText="Name" 
        HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" .... />

Существуют способы сделать это программным способом, также перехватывая RowDataBound событие gridview. Я считаю, что наценки должны быть хороши для настройки выравнивания.

...