一个非常不错的gridview 风格

2023-08-26 22:32:52

<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>