Forms Data Controls :: DataGrid Freeze Header Code Not Working?
Feb 14, 2010
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.
View 2 Replies
Similar Messages:
Jan 6, 2010
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 Replies
May 6, 2010
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 ..
View 10 Replies
Feb 17, 2011
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,
View 14 Replies
Jul 13, 2010
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;}
View 2 Replies
Apr 9, 2010
How to do the datagrid cell editing? My need is "I want to update the datagrid cell values individually". At that time of editing, i want to pick the values from dropdownlist, calendar,etc.. controls.I tried a code, but its not working properly. I always taking the cell value only, not the control value. H
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="TestGrid.aspx.vb" Inherits="TestLeadManager.TestGrid" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > [code]....
View 3 Replies
Aug 20, 2013
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] .....
View 1 Replies
Sep 3, 2013
When i scroll the cursor the header and static need to static but content must scroll..
View 1 Replies
Jan 15, 2014
I 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">
View 1 Replies
Feb 14, 2010
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?
View 5 Replies
Feb 21, 2011
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.
View 5 Replies
Jan 20, 2011
Is there any way to get the datagrid header column's text before the grid loads.
View 7 Replies
Jul 29, 2010
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]....
View 5 Replies
Jan 29, 2011
I want to PIN the header part of my DataGrid or GridView? How is it possible? Ex: Suppose we have 100 rows in data grid, and 1 row with header. If you scroll data grid, header row shouldn't scroll. It should be fixed or PINNED. Only rows with data should scroll. Is there any in built function in data grid to achieve this functionality or any other methods to do this?
View 1 Replies
Oct 18, 2010
I have an asp.net gridview which represents some kind of reservation calendar. Each row represents a workplace and each column a day. The header value (date) is set by a method since the start of the time period shown by the gridview can be selected by the user. Since the date column can start at every day of the week I wanted to mark the weekend day columns with a special background. How to set this? (See .aspx code snippet below which is currently used for each column ().
Remark: ItemStyle-BackColor= '<%# %>' (dynamic) annotation isn't allowed in the <TemplateField> Tag and the actual date must be evaluated somehow from the header or another control.
[Code]....
[Code]....
View 1 Replies
Jan 12, 2011
I have a datagrid and vertical-horizontal scrollbars in it. now when datagrid will have more records , scoll bars will be provided. now when i scroll vertically , my header line of the datagrid is also scrolling so i wanna freeze it. i have used javascript to freeze it , its working in IE properly but there is problem with other browser.
i used this :[URL] but its not working in other browser.
View 11 Replies
Jun 29, 2010
I want to dynamically bind dataset values into datagrid's header datafield.
Is it possible? To be more clear, when you click on datagrid's (Collection) from properties window, you get selected columns created from Bound column. So in those columns I want to dynamically display dataset's table values in those columns.
i.e like ds.Tables[0].Rows[0][0].
Is it possible to do it in Datagrid ItemDataBound function like,
e.Item.Cells[1].Text = ds.Tables[0].Rows[0][0]
or something like this? I know the above code is wrong and wont work since I tried it out and while building it throwed error saying, Cannot implicitly convert type 'object' to 'string'.
View 5 Replies
Sep 10, 2010
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].....
View 1 Replies
Feb 25, 2010
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]....
View 2 Replies
May 15, 2012
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?
View 1 Replies
Mar 30, 2011
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.
View 2 Replies
Jul 10, 2013
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.
View 1 Replies
Aug 31, 2010
I got DataGrid Paging functionality on, I can see the paging 1,2,3,4,5.... but when i try to click on it to go to that page the datagrid just goes blank (does not render any record anything). My code is below:
[Code]....
View 6 Replies
Nov 29, 2010
I have a datagrid on my ASP.NET page and I would like to use arrow keys (Only up and down arrows) on my datagrid. Right now nothing happens when arrow keys are pressed. There are 3 columns. Only the last column is editable and 'tab' is available. I want only this column to be moved by arrow keys. Here is my code:
[Code]....
View 2 Replies
May 4, 2010
I have been using a datagrid on various pages. For some reason it stopped working. When pressing the Edit to make a change to the record, the page posts back two times and the record does not go into the edit mode. I am using IE 7 for my browser. Below is my code.
[code]....
View 7 Replies
