I would like to know how I can freeze the Header Row using DataGrid with AJAX in IE8. I've already tried using CSS but this does not work with IE8 unless I switch it to compatiblity mode. I have more than 100+ users so this is not feasible.
View 1 RepliesI have searched numerous articles for how to accomplish freezing the Header Row of a DataGrid or GridView component being to simply hide the header and then build table cells just above the component to define the columns. But the one that I'd like to get to work is by the use of CSS code. Problem is that this code seems to work for everyone else but it isn't working for me. Here's my Stylesheet code:
[Code]....
When I run my page I get all the styles applied but the header scrolls with all the other rows in the grid.
why this code is probably not working? I am using .NET Framework 3.5 and developing in VSS 2008 which may be why this doesn't work?
I have successfully downloaded sample code from Code Project which works using other techniques as well, but the code was written in .NET 1.1 Framework and VB.NET.
I have gridview with 15 and above columns,I need to freeze the header of the gridview using the following css :
.container
{
overflow: auto;
}
/* Keep the header cells positioned as we scroll */[code].....
I'm exporting an ASP.NET gridview to Excel using the following function. The formatting is working really well, except I need to freeze the header row in Excel on the export. I'm really trying to avoid using a 3rd party Excel plugin for this, but unless there's some archaic excel markup in my AddExcelStyling function.
[code]....
I have a grid view that contains a lot of data. Users have to scroll down far sometimes to edit that data. But since the header of the gridview isn't inherently frozen, its a pain for them to edit that data because they have to constantly scroll up and down. I've looked up several different methods on how to freeze the columns, but it none work work well with bound data. Often times, the rows will be offset by a large margin and even greater so, when the data is being edited. So it beats the purpose of doing it.
I can't remember exactly what I've tried, but most of it's been around Javascript. Any method to freeze the header? Or is there a better control, third party or otherwise?
I need to freeze the first columns in a ASP.NET Datagrid web control.
I've got approximately 20 columns. I'm using visual studio 2008.
It should be like Excel. Also need to freeze header as well.
I need to freeze my gridview header and the first two columns. I found a great jquery plugin called tinytbl which does the job but it messes up the inline javascript on my page which causes a few issues.
Any better way to freeze columns? I see alot of examples on the net using css but they use expression which has been deprecated.
i m using a Gridview in my Page.Now i want to freeze the row Header of the gridview.
i did it with CSS its working fine In IE
the problem arise, when the same code is working in IE but nt in Opera and also Chrome..
solution for using it in cross browser.or else code for freezing the header wihtout the CSS style sheets..
i want it to use it with the properties of Gridview ..
I want to freeze my Header columns when Autogeneratecolumns=True.
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
[Code] .....
i designed a gridview with the option of Freeze the header. below is the style i have applied in the headerstyle
background: #ecf5ff;
color: #333;
background-color: #6D91BF;
border-style: solid;
border-width: 1px;
border-color: #9cc9ed #5c9fde #6daddb #b4d2f0;
font-weight: bold;
text-align: center;
color: white;
text-decoration: none;
font-size: 12px;
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
but its not working in IE8 standard view but working in IE8 compatibility mode,
When i scroll the cursor the header and static need to static but content must scroll..
View 1 RepliesI have a gridview Control. In that control I need to show the headers when gridview is scrolling verticall. I tried your post from here [URL].... It's working in page loads.When I try to click any other buttons it's not working(it's showing all the records. I mean It's not scrolling). I have Add, Delete and reset buttons.
My gridview is with in update panel
<asp:UpdatePanel ID="uptGrid" runat="server">
<ContentTemplate>
<asp:HiddenField ID="hdnEditID" runat="server" />
<asp:Panel ID="pnlGrid" CssClass="cssPanel" runat="server" Height="250px" Width="100%"
Visible="False" ScrollBars="None"> <%-- ScrollBars="Vertical"--%>
<asp:GridView ID="grdData" runat="server" AutoGenerateColumns="False" HorizontalAlign="Left"
ForeColor="#333333" Font-Names="Courier New" Font-Size="12px" Width="100%" GridLines="None"
CellPadding="4" EmptyDataText="No record(s) Found" DataKeyNames="ID"
OnRowDataBound="grdData_RowDataBound" OnSelectedIndexChanged="grdData_SelectedIndexChanged">
I have to freeze the first column in a data grid. i have done freezing part but the issue is vertical and horizontal scroll bar movement getting slow. in my data grid each row contains 18 textboxes and 18 image buttons.if number of rows count around 15 then the scroll bars working almost properly.issue in
morethan 15 rows
For freeze i am using CSS.Platform is asp.net1.1
in CSS i am using below given codes.
div#div-datagrid {
width: 200px;
height: 200px;
overflow: auto;
}
/* Locks the left column */
td.locked, th.locked {
position:relative;
cursor: default;
left: expression(document.getElementById("div-datagrid").scrollLeft-1);
}
/* Locks table header */
th {
font-size: 14px;
font-weight: bold;
text-align: center;
background-color:Navy;
color: white;
border-right: 1px solid silver;
position:relative;
cursor: default;
top: expression(document.getElementById("div-datagrid").scrollTop-4);
z-index: 10;
}
/* Keeps the header as the top most item. Important for top left item*/
th.locked {z-index: 99;}
I have GridViews in mostly all web-pages. If data rows are too much then by scrolling down the grid, header misses.
How to Freeze GridView Header like we do in MS Excel?
Is there a way to add a 2nd header row to a DataGrid? In the row I want a DropdDownList and a Label. Right now I have a BoundColumn and a TemplateColumn in my Columns section of the grid. But adding something here will only add column, but not a header.
It should look like this:
This is my label text: dropdownlist --> first row of header
Amount Link --> 2nd row of header
100 link1
200 link2
How could I do this?
i want to have a header text in a datagrid but i dont want the text to belong only to one column of the grid but to the hole grid i mean i want the text to be writen in the hole place over the columns and not only over a specific column i dont know if i am clear..how can be that done??
View 11 RepliesIs possible set fixed header and scrollbar in a datagrid?
View 1 RepliesI am trying to add a ModalPopup to a GridView, by adding a button in the data grid header:
<asp:GridView ID="GridViewTradeDetail" />
<Columns>
<asp:TemplateField HeaderText="B/S">
<HeaderTemplate>
<asp:Button ID="ButtonShowBuySellPopup" runat="server" Text="Set B/S" />
</HeaderTemplate>
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("buy_sell") %>'></asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("buy_sell") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="trade_date" HeaderText="TD" />
</Columns>
</asp:GridView>
...
<asp:Panel ID="PanelBuySell" runat="server">
... panel content ...
</asp:Panel>
<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtenderBuySell" runat="server"
TargetControlID="ButtonShowBuySellPopup" PopupControlID="PanelBuySell" />
<asp:Button ID="ButtonShowBuySellPopup" runat="server" Text="Set B/S" />
But I get an error that the ModalPopupExtender cannot find the button ButtonShowBuySellPopup (If I move the button out of the grid header it's OK).
How can I link the popup to a button (or better still, text link) in the header of a Gridiew?
I have a DataGrid defined with columns such as:
Code:
<asp:BoundColumn HeaderStyle-HorizontalAlign="Center" ItemStyle-Width="10%" DataField="MONTH_PREVIOUS_YEAR" HeaderText="Month Hours (Previous Year)" ItemStyle-HorizontalAlign="Right"></asp:BoundColumn>
At a certain point in my program, I successfully re-set some of the Header titles programmatically:
Code:
Private Sub dgAccountability_ItemDataBound(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.DataGridItemEventArgs) Handles dgAccountability.ItemDataBound
If e.Item.ItemType = ListItemType.Header Then
Dim previousYear As Integer = (Integer.Parse(year) - 1)
e.Item.Cells(1).Text = "YTD Hours " & previousYear.ToString
[Code]....
How can one specify background-image in Datagrid Header??? I had tried to define it like this(But it is not showing the image) :
<asp:DataGrid ID="DgCart" runat="server" Width="100%" CellPadding="0"
BorderWidth="0px" AutoGenerateColumns="False" CellSpacing="1"
HorizontalAlign="Center" DataKeyField="ProductID" [code]...
But it's not showing the background-image which I had specified.
I'm using .NET framework 4.0 and Ajax control toolkit 4, how can i simply just showing a dialog box but the webpage at the back is freezing and grey color.Hope you can understand what I mean.
View 3 RepliesI am using multiple ajax modal pup-ups. When i click on one of the pop-up, the background should be in freeze mode. so, that the users cannot click on the other pop-ups untill the opened pop-up should be closed.
View 1 RepliesIs there any way to get the datagrid header column's text before the grid loads.
View 7 RepliesI Have can I have the scrollable table but Fixed Header
[Code]....
I recieved a page to make some changes, and one of them is to change the hearders of a DataGrid. I'll have to merge some collumns.
I have searched a lot of solutions for cases similar to mine, but I couldn't make any of them work.
The code is above:
[Code]....