看看GridView的布局代码
看看GridView的布局代码:
<asp:GridView ID="gvStudent" runat="server" AllowSorting="True" AutoGenerateColumns="False"
EnableModelValidation="True" Font-Size="12pt" OnPageIndexChanging="gvStudent_PageIndexChanging"
Width="100%" DataKeyNames="UserID"
OnSelectedIndexChanging="gvStudent_SelectedIndexChanging" Font-Names="宋体">
<SelectedRowStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedRowStyle>
<AlternatingRowStyle Font-Size="9pt" HorizontalAlign="Center" BackColor="#E8F4FF">
</AlternatingRowStyle>
<RowStyle Font-Size="9pt" HorizontalAlign="Center" ForeColor="#003399" BackColor="White">
</RowStyle>
<HeaderStyle HorizontalAlign="Center" ForeColor="White" VerticalAlign="Middle" BackColor="#337FB2">
</HeaderStyle>
<FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
<Columns>
<asp:BoundField DataField="UserID" HeaderText="学号" ReadOnly="True" />
<asp:BoundField DataField="Pwd" HeaderText="密码" />
<asp:BoundField DataField="UserName" HeaderText="学生姓名" />
<asp:BoundField DataField="LoginTimes" HeaderText="考生登录次数" />
<asp:TemplateField HeaderText="试卷提交状态">
<ItemTemplate>
<asp:Label ID="Labeltatus" runat="server" Text='<%# Eval("Examstatus").ToString() == "1"?"已提交":"未提交"%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="RemainTime" HeaderText="考生剩余时间" />
<asp:TemplateField HeaderText="选 择" ShowHeader="False">
<ItemTemplate>
<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Select"
Text="选择"></asp:LinkButton>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
重点关注红色部分的代码：这是对GridView样式设计及使用其关键作用的语句：
分析：
SelectedRowStyle ========》》使用
SelectedRowStyle
属性控制
GridView
控件中选中行的外观。
AlternatingRowStyle========》》使用
AlternatingRowStyle
属性控制
GridView
控件中交替数据行的外观。
RowStyle===============》》使用
RowStyle
属性控制
GridView
控件中数据行的外观。
HeaderStyle============》》使用
HeaderStyle
属性控制
GridView
控件中标题行的外观。