OK, so this is bugging me. I have a gridview in ASP.net which I’ve enabled the footer on:
<asp:GridView ID="Results_GridView" runat="server" AutoGenerateColumns="False" CssClass="mGrid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" ShowFooter="True" GridLines="None">
Then I’ve set the footer CSS style:
<FooterStyle CssClass="footer" />
That all appears fine, the images are displayed etc, although I cant get rid of the borders from the columns above!
.mGrid { width: 100%; background-color: #fff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.mGrid td { padding: 2px; border: solid 1px #c1c1c1; color: #717171; }
.mGrid th { padding: 4px 2px; color: #fff; background: #424242 url(grd_head.png) repeat-x top; border-left: solid 1px #525252; font-size: 0.9em; }
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top;}
.mGrid .footer {
height: 15px; width: 100%; background: #BCC51A url(grd_footer.png) repeat-x top; border- spacing: 0; border-width: 0; border: none; border-left:none; border-right:none; border-style:none;
}
And they just wont go away 🙁 I’ve tried changing the borders in visual studio too, no luck.
Heres my whole ASPX file for reference
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="DiscTypeSelector.aspx.vb" Inherits="DiskSelector" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ import Namespace="System.Data" %>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Disc Burst Selector</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Panel ID="Panel1" runat="server" Width="400px" BorderStyle="Solid" BorderWidth="1px" HorizontalAlign="Justify">
<asp:Label ID="Label1" runat="server" Text="Burst Pressure " Width="122px"> </asp:Label>
<asp:TextBox ID="pressure_input" runat="server" Width="150px">0</asp:TextBox><br />
<br />
<asp:Label ID="lbltemp" runat="server" Text="Temperature" Width="122px"> </asp:Label>
<asp:TextBox ID="temp_input" runat="server" Width="150px">0</asp:TextBox><br />
<br />
<asp:Label ID="lblBore" runat="server" Text="Nominal Bore (mm)" Width="122px"> </asp:Label>
<asp:DropDownList ID="dropBore" runat="server" Width="69px" AutoPostBack="False">
<asp:ListItem>15</asp:ListItem>
<asp:ListItem>25</asp:ListItem>
<asp:ListItem>40</asp:ListItem>
<asp:ListItem>50</asp:ListItem>
<asp:ListItem>65</asp:ListItem>
<asp:ListItem>80</asp:ListItem>
<asp:ListItem>100</asp:ListItem>
<asp:ListItem>150</asp:ListItem>
<asp:ListItem>200</asp:ListItem>
<asp:ListItem>250</asp:ListItem>
<asp:ListItem>300</asp:ListItem>
<asp:ListItem>350</asp:ListItem>
<asp:ListItem>400</asp:ListItem>
<asp:ListItem>450</asp:ListItem>
<asp:ListItem>500</asp:ListItem>
<asp:ListItem>600</asp:ListItem>
<asp:ListItem>700</asp:ListItem>
<asp:ListItem>800</asp:ListItem>
</asp:DropDownList><br />
<br />
<asp:Label ID="lblFrag" runat="server" Text="Fragmentation Issue"></asp:Label>
<asp:RadioButtonList ID="radioFrag" runat="server" RepeatDirection="Horizontal"
RepeatLayout="Flow" Width="94px">
<asp:ListItem Selected="True">Yes</asp:ListItem>
<asp:ListItem>No</asp:ListItem>
</asp:RadioButtonList><br />
<br />
<asp:Label ID="lblMounting" runat="server" Text="Mounting" Width="111px"> </asp:Label>
<asp:DropDownList ID="dropMounting" runat="server" Width="130px">
<asp:ListItem>PN6</asp:ListItem>
<asp:ListItem>PN10</asp:ListItem>
<asp:ListItem>PN16</asp:ListItem>
<asp:ListItem>PN20</asp:ListItem>
<asp:ListItem>PN25</asp:ListItem>
<asp:ListItem>PN40</asp:ListItem>
<asp:ListItem>ANSI 150</asp:ListItem>
<asp:ListItem>ANSI 300</asp:ListItem>
<asp:ListItem>ANSI 600</asp:ListItem>
<asp:ListItem>Other</asp:ListItem>
</asp:DropDownList><br />
<br />
<asp:Button ID="btnSubmit" runat="server" Height="40px" Text="Update results" Width="140px" UseSubmitBehavior="False" CssClass="updateButtonStyle" /><br />
<br />
<br />
</asp:Panel>
<br />
<br />
<asp:GridView ID="Results_GridView" runat="server" AutoGenerateColumns="False" CssClass="mGrid" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" ShowFooter="True" GridLines="None">
<Columns>
<asp:BoundField DataField="Disc_Type_Name" HeaderText="Disc Type" SortExpression="Disc_Type_Name" />
<asp:BoundField DataField="Disc_Material_Name" HeaderText="Disc Material" SortExpression="Disc_Material_Name" />
<asp:BoundField DataField="Disc_Forward_Acting" HeaderText="Forward/Reverse" SortExpression="Disc_Forward_Acting" />
<asp:BoundField DataField="Disc_Vacuum" HeaderText="Vacuum Service" SortExpression="Disc_Vacuum" />
<asp:BoundField DataField="Disc_Lgv" HeaderText="Liquid, Gas and Vapour Compatability"
SortExpression="Disc_Lgv" />
<asp:TemplateField HeaderText="MAX Working Pressure">
<ItemTemplate>
<asp:Label ID="lblMaxPressure" Runat="Server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Flange Rating"></asp:TemplateField>
</Columns>
<AlternatingRowStyle CssClass="alt" />
<FooterStyle CssClass="footer" />
<PagerStyle CssClass="pgr" />
</asp:GridView>
</div>
</form>
And theres the little buggers that wont go away!
https://i.stack.imgur.com/2yN41.png
Any help extremely appreciated!!! (been through pages and pages of similar threads)
Cheers
tutts 🙂
solved it. the footer uses the same td th, which need to be defined in the CSS as follows.