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 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 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 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 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.
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.
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'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 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 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 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 have a situation where I need to freeze first two colums in a datagrid view control on my asp.net app. In windows forms there is a proprty called Freeze which can be enabled / disabled. How can I freeze first two colums in a data grid view control on my ASP.NET page.
View 1 Replies