GridView用CSS设定样式

最新推荐文章于 2021-08-04 01:25:07 发布

xrjohn

最新推荐文章于 2021-08-04 01:25:07 发布

阅读量6.8k

点赞数

分类专栏： CSS

本文链接：https://blog.youkuaiyun.com/xrjohn/article/details/46638807

版权

这篇博客介绍了如何使用CSS简化GridView的数据控件样式设置，通过引用单独的样式处理单双行、Header、Pager、Footer等，同时探讨了利用CSS对GridView作为HTML table的样式调整，以及在IE8中遇到的CSS3兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

GridView是很便利的数据控件，在MIS中的应用很广泛，其样式编写很简单，但是每次新增都要重新编写，工作很是烦琐，而且由于其本身的特性，样式并不好编写，最好的办法就是在单双行、Header、Pager、Footer等栏目引用单独的样式，如下：

<asp:GridView ID="grvAdUserInfo" runat="server" AutoGenerateColumns="False" EnableModelValidation="True" AllowPaging="True"
                PageSize="12" HorizontalAlign="Center" CssClass="GridView" OnPageIndexChanging="grvAdUserInfo_PageIndexChanging">
                <Columns>
                    <asp:BoundField DataField="EMPLOYEEID" HeaderText="工號" />
                    <asp:BoundField DataField="TRUENAME" HeaderText="姓名" />
                </Columns>
                <EmptyDataTemplate>
                    <span style="text-align: center; font-size: larger; font-weight: bolder; color: Blue;">抱歉，暫時沒有數據！</span>
                </EmptyDataTemplate>
                <AlternatingRowStyle CssClass="GridView_Row_Alter

最低0.47元/天解锁文章