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 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 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 have a gridview where I display (from left to right) plant id, product no and month/year and there after a column with qty for every day on the month.
The gridview is located inside a panel that has a horizontal scrollable property set that lets user scroll from left to the right. This works fine.
Now, they are asking if it is possible somehow to freeze plant id and product no? Currently when they scroll past day 10 then plant id and product no is not longer visible and making it hard to see what line you are on.
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] .....
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">
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 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 RepliesI'm trying to freeze columns in gridview where grid has static height and all rows are rendered(no paging and scroll var is visible).I only managed to add scroll through content by overflow property,but this time all columns are scrolling as well.My task is to freeze columns while maintaining column width.Let this be my grid
<div style="height:200px;overflow:auto;">
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
UseAccessibleHeader="true or false">
[code]...
I created a gridview that is made up of 4 gridviews and using a stored procedure to populate it. I create columns at runtime because the number of columns changes all the time.To make the grids editable I am adding template fields at runtime as I create the columns, this is to ensure that a user is able to edit the cells and some foot values update. Reason why I have four grids is to freeze rows and columns like in excel using javascript. The problem is that performance is very bad especially in IE, the grids take a long time to load. I am not sure if this is caused by the data load or the creation of text boxes. see some of the code below for my _aspx page:
[Code]....
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'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 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 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 RepliesHow can I create below type of gridview with merge merged header columns? If anybody have example share with me.
View 1 RepliesIs it possible to hava a Colums in grid like
Binding Grid as:
Date    Apple  Banana  Mango
26-Apr    5Qty   8Qty   7Qty
I want to add Common Header for Apple banana mango above it as FRUIT. is it possible and how
How to convert a gridview consists with sub columns to a pdf without changing the format of sub columns
View 1 RepliesI want to add the header dynamically during runtime in grid view. I am implementing an attendance application where I want to show the report as absent or present for the last few days for a subject. 1 means present and 0 means absent. How to bind these dates as header during runtime these dates i am getting from database.
Name 17-03-2014 18-03-2014 20-03-2014 21-03-2014 22-03-2014
Rohit 0 1 1 1 1
Raj 0 1 1 1 0
Abhijit 0 1 0 1 1
Sonu Nigam 0 1 1 1 1
Arnold 0 0 1 0 0
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 a gridview control which gets data from database. One of the column is a checkbox and based on the value of the checkbox, I need to display 2 more columns. Currently I am having 2 issues:
1. I am able to achieve this when OnDataBound event gets triggered. Basically I am checking the row state and type and if it is in Normal mode I check the status of the checkbox and based on the status I am setting the style on the columns I want to hide (columns contain checkboxes). But for some reason, I am not able to hide the header. The GridView shows the header but the text boxes which are in the columns are hidden.
2. During Edit mode, I have attached a javascript to the checkbox and when the status of the checkbox changes, it hide/unhides the columns, again header cannot be made hidden. Also, if I use the Visible property of the header, I can make the header invisibly (only using the code behind) but when javascript is invoked on the checkbox during edit mode, it cannot find the controls as they are not visible and hence does not do anything. Since TemplateField does not support style property I can't even set the style["display"].
