一个非常不错的gridview 风格-白红宇

一个非常不错的gridview 风格

阅读量：6933 次

发布时间：2019-06-27

本文共 1553 字，大约阅读时间需要 5 分钟。

<style type="text/css">
<!--
.datable {background-color: #9FD6FF; color:#333333; font-size:12px;}
.datable tr {height:20px;}
.datable .lup {background-color: #C8E1FB;font-size: 12px;color: #014F8A;}
.datable .lup th {border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;font-weight: normal;}
.datable .lupbai {background-color: #FFFFFF;}
.datable .trnei {background-color: #F2F9FF;}
.datable td {border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;}
-->
</style>

<asp:GridView ID="GridView1" runat="server"  Width="1200px"  CssClass="datable" border="0" CellPadding="2" CellSpacing="1" OnRowDataBound="GridView1_RowDataBound" AutoGenerateColumns="False">
                                                                <RowStyle CssClass="lupbai" />
                                                                <HeaderStyle CssClass="lup" />
                                                                <AlternatingRowStyle CssClass="trnei" />
                                                                <Columns>
                                                                    <asp:BoundField DataField="mac_id" HeaderText="登陆计算机">                                                                
                                                                        <HeaderStyle Width="100px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="u_id" HeaderText="用户代号">
                                                                       <HeaderStyle Width="100px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="op_time" HeaderText="时间" HtmlEncode="False">
                                                                        <HeaderStyle Width="120px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="op_system" HeaderText="字系统名称">
                                                                       <HeaderStyle Width="120px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="op_type" HeaderText="操作类型">
                                                                        <HeaderStyle Width="120px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="op_number" HeaderText="操作数量">
                                                                        <HeaderStyle Width="50px" />
                                                                    </asp:BoundField>
                                                                    <asp:BoundField DataField="op_content" HeaderText="操作内容">
                                                                        <HeaderStyle Width="400px" />
                                                                    </asp:BoundField>
                                                                </Columns>
                                                            </asp:GridView>