使用css控制GridView控件的样式

< style >

.GridView_Header

{

     background-color: Transparent;

     color: Black;

     font-family: Tahoma, Arial, Helvetica;

     font-size: 10px;

     font-weight: bold;

     text-align: center;

}

.DataGrid_Item

{

     background-color: Transparent;

     color: Black;

     font-family: Tahoma, Arial, Helvetica;

     font-size: 10px;

     font-weight: normal;

}

.GridView_SelectedItem

{

     background-color: Silver;

     color: Blue;

     font-family: Tahoma, Arial, Helvetica;

     font-size: 10px;

     font-weight: normal;

}

</ style >

< asp:GridView  runat = "server" >

     < HeaderStyle  Css = "GridView_Header"  />

     < ItemStyle  Css = "GridView_Item"  />

     < SelectedItemStyle  Css = "GridView_SelectedItem"  />

</ asp:GridView >




前台就是这样子了
 <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
           <Columns>
            <asp:TemplateField HeaderStyle-Width="200px" HeaderText="第一列">
                <ItemTemplate>
                    这是第一列
                </ItemTemplate>
            </asp:TemplateField>
             <asp:TemplateField HeaderStyle-Width="50px" HeaderText="第二列">
                <ItemTemplate>
                    这是第二列
                </ItemTemplate>
            </asp:TemplateField>
           </Columns>
 </asp:GridView>


后台设置宽度


protected  void  GridView1_RowDataBound( object  sender, GridViewRowEventArgs e)

     {

          if  (e.Row.RowState == (DataControlRowState.Edit | DataControlRowState.Alternate)

              || e.Row.RowState == DataControlRowState.Edit)

         {

             TextBox curText;

             for  ( int  i = 0; i < e.Row.Cells.Count; i++)

             {

                 if  (e.Row.Cells[i].Controls.Count != 0)

                 {

                     curText = e.Row.Cells[i].Controls[0]  as  TextBox;

                     if  (curText !=  null )

                     {

                         curText.Width = Unit.Pixel(70);

                     }

                 }

             }

         }   

 

     }