datagrid样式表定制

来源:互联网 发布:桥接模式网络不稳定 编辑:程序博客网 时间:2024/03/29 08:10

样式表如下:

.datagrid
{
   font-size: 12px;
    background-color:White;
    border-color :B6CFF5;
    border-top-style:dashed;
    word-break:break-all;
 }
.dgsis
{
  background-color:#339966;
  color:White; 
  text-align:left ;
  vertical-align:middle;
 }
.dgais
{
 background-color:#F0F5FD;
  
 } 
.dgis
{
 background-color:White;
 color:#333333;
 text-transform:capitalize;
 }
.dghs
{
 background-color:#C1D7F7;
 color:Black;
  } 
.dgfs
{
 background-color:White;
 color:#333333;
 }


 datagrid使用样例:

  <asp:datagrid id="DgList" runat="server" CssClass="datagrid" AllowPaging="True" AutoGenerateColumns="False"
PageSize="15" GridLines="Horizontal" CellPadding="3" BorderWidth="1px" Width="100%">
<FooterStyle CssClass="dgfs">
</FooterStyle>

<SelectedItemStyle CssClass="dgsis">
</SelectedItemStyle>

<AlternatingItemStyle CssClass="dgais">
</AlternatingItemStyle>

<ItemStyle HorizontalAlign="Left" CssClass="dgis" VerticalAlign="Top" >
</ItemStyle>

<HeaderStyle Wrap="False" CssClass="dghs">
</HeaderStyle>

<Columns>
<asp:BoundColumn DataField="Organization_Catgory_Name" HeaderText="发向单位"></asp:BoundColumn>
<asp:BoundColumn DataField="Creation_Date" HeaderText="购/分/签日期"></asp:BoundColumn>
<asp:BoundColumn DataField="Trace_No" HeaderText="发票代码">
<ItemStyle Wrap="True">
</ItemStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="Book_No" HeaderText="发票本名称"></asp:BoundColumn>
<asp:BoundColumn DataField="InvoiceTypeName" HeaderText="发票类型"></asp:BoundColumn>
<asp:BoundColumn DataField="Starting_No" HeaderText="起始发票号"></asp:BoundColumn>
<asp:BoundColumn DataField="InvoiceCount" HeaderText="发票总数"></asp:BoundColumn>
<asp:BoundColumn DataField="Book_Status_CN" HeaderText="当前状态"></asp:BoundColumn>
</Columns>

<PagerStyle HorizontalAlign="Center" CssClass="dghs" Mode="NumericPages">
</PagerStyle>
</asp:datagrid>