使用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);

                    }

                }

            }

        }   

    }