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?
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 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,
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] .....
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 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 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 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 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.
How can i freeze grid view heading?
View 3 RepliesI trying to use below code in my app to freeze grid columns but its not working.The same code is working fine in the sample.I am using IE 8.
[URL]
<style
type
="text/css">
/* Div container to wrap the datagrid */
/* Div container to wrap the datagrid */
[Code]....
My question is how to freeze specifi columns of Gridview control ? Freeze means...for example say if we are freezing the first column of grid then on scrolling a horizontal scroll bar of the grid will scroll all columns other than the first column. That means the first column will be visible always without any movement. But the first column should move if we use the vertical scroll bar.
View 1 RepliesI want to make a hierarchical gridview with 1 freeze column.
i have freeze a column in general gridview but it was not working on internet explorer 8.
I have a nested gridview which has been working fine. Now I need to turn the inner gridview off based on some condition: a IF block is added to the existing RowDataBound event of the outer gridview. Now I'm getting "the Object reference not set to an instance of an object" error. What should be the proper way to go about this? The code:
[code]....
In addition, is there a way to "switch" columns of the inner gridview? For example, column 1 is "City", column 2 is "Price". If user selects to sort by "Price", I woud like column 1 be "Price" and column 2 be "City". Is this has to be done programmatically or if there's other way?
how to display a header of gridvew as a 3D view color Header?
View 14 RepliesScenario:
I have a Gridview where I want to handle the Sorting in a custom control that I've added to the header.
I've added this control to my GridView's Header via OnRowCreate event handling. I want the Sort Expressions to persist session to session (via Webparts Personalization)
Here is what I have for adding the custom header control to the GridView Header
[Code]....
This works out well for adding the control, but I can't get anything to persist because these controls are creating initially via postback (per the event) and re-created on all subsequent postbacks. I can't add an If(!IsPostback) because the controls are initially created on the gridview's postback (well at least thats how it's acting when I put it in there) If I were to add this control via the ASP page, not via the Codebehind, I would be able to persist the control. If I try to treat it as though everything is setup correctly, and assign my custom control's controls to [Personalizable], I get a runtime error telling me that I can only have webpartzones in or before Page_init (I'm guessing this is due to when/where the
gridview hits the OnRowCreate event). If there is some fundimental logic I'm missing, or best practices that I'm moving away from,
is there anyway i can add in the gridview in header column name a button instead of label ?
column name 1 column name 2 column name 3 button
i am using checkbox column in item template for the button ,i wish after selecting checkbox for some row to click on the button on the header !!
I am using the following code to change the header based on the session variable
[code]....
i am using Grid view. when ever bulk data is there in Gridview, Header and footer must not be move..
how can i do that.
I want to freeze the first 3 columns in my gridview. Â There are few solutions out there but they all have some formatting or browser issue.
View 1 RepliesHow to pass gridview particular column values to another page's table header...
View 1 Replies i have a gridview bound to sql datasource with template fields binding the columns. I have set the Header Style to a css class. I have 3 columns not bound to data as Add, Edit and Delete. When I set the text color to white for the header only the non bound columns go white. The bound columns are BLUE like hyperlink. Any one know a way round this. (If I set the style in the gridview the all columns are white. Want to set in external css file).
[Code]....
I got this at my page design. How can I set those properties at runtime?
[Code]....
I am able to do it for these properties,
[Code]....
But I do not know how to do it for BorderStyle, OnDataBound, Font-Name.
The most important item is the OnDataBound.
I made a gridview in this way
[Code]....
now the problem is that when i scroll down the gridview the header disappers and so I could not remember what a number is refering to...how can I fix the header so that I scroll down only the rows? is too much if I ask you for the code and where to put it? :P it is a home project for myself so I m not going to sell it or earn money form it.
