<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" CssClass="GridViewStyle"> <Columns > <asp:BoundField DataField="Leave_Time" HeaderText="时间" /> <asp:BoundField DataField="Arrival_Time" HeaderText="预计时间" /> <asp:BoundField DataField="Train_Sch" HeaderText="火车" /> </Columns> <FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
css:
<style type="text/css">
.GridViewStyle
{
border-right: 2px solid #387067;
border-bottom: 2px solid #387067;
border-left: 1px solid #387067;
border-top: 1px solid #387067;
padding: 4px; width:740px;
}
.GridViewStyle a
{
color: #FFFFFF;
}
.GridViewHeaderStyle th
{
border-left: 1px solid #387067;
border-right: 1px solid #387067;
}
.GridViewHeaderStyle
{
background-color: #58b2a9;
font-weight: bold;
color: White;
}
.GridViewFooterStyle
{
background-color: #58b2a9;
font-weight: bold;
color: White;
}
.GridViewRowStyle
{
background-color: #ffffff;
color: #333333;
}
/*
.GridViewAlternatingRowStyle
{
background-color: #FFFFFF;
color: #284775;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}
.GridViewPagerStyle
{
background-color: #284775;
color: #FFFFFF;
}
*/
.GridViewPagerStyle table /**//* to center the paging links*/
{
margin: 0 auto 0 auto;
}
.GridViewRowStyle td
{
BORDER-BOTTOM: 1px solid #387067;
BORDER-TOP: 1px solid #387067;
BORDER-LEFT: 1px solid #387067;
BORDER-RIGHT: 1px solid #387067;
font-size:12px;
}
</style>
css2:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="gridview1.aspx.cs" Inherits="gridview1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<style type="text/css">
.GridViewStyle
{
border-right: 0px solid #A7A6AA;
border-bottom: 2px solid #A7A6AA;
border-left: 0px solid white;
border-top: 2px solid white;
padding: 4px;
}
.GridViewStyle a
{
color: #FFFFFF;
}
.GridViewHeaderStyle th
{
border-left: 1px solid #EBE9ED;
border-right: 1px solid #EBE9ED;
}
.GridViewHeaderStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewFooterStyle
{
background-color: #5D7B9D;
font-weight: bold;
color: White;
}
.GridViewRowStyle
{
background-color: #F7F6F3;
color: #333333;
}
/*
.GridViewAlternatingRowStyle
{
background-color: #FFFFFF;
color: #284775;
}
.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
border: 1px solid #EBE9ED;
}
.GridViewSelectedRowStyle
{
background-color: #E2DED6;
font-weight: bold;
color: #333333;
}
.GridViewPagerStyle
{
background-color: #284775;
color: #FFFFFF;
}
*/
.GridViewPagerStyle table /**//* to center the paging links*/
{
margin: 0 auto 0 auto;
}
.GridViewRowStyle td
{
BORDER-BOTTOM: 1px solid ;
BORDER-TOP: 1px solid ;
BORDER-LEFT: 0px solid ;
BORDER-RIGHT: 0px solid ;
font-size:12px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" CssClass="GridViewStyle" runat="server" Width="100%" >
<Columns>
<asp:TemplateField>
<HeaderTemplate>
</HeaderTemplate>
<ItemTemplate>
<table id="mytable" rules="cols" border="0" cellspacing="0" width="100%">
<tr>
<td>badwolf</td>
<td>100</td>
<td>010-110</td>
<td>中国北京</td>
</tr>
</table>
</ItemTemplate>
<FooterTemplate>
</FooterTemplate>
</asp:TemplateField>
</Columns>
<FooterStyle CssClass="GridViewFooterStyle" />
<RowStyle CssClass="GridViewRowStyle" />
<PagerStyle CssClass="GridViewPagerStyle" />
<HeaderStyle CssClass="GridViewHeaderStyle" />
</asp:GridView>
</div>
</form>
</body>
</html>
