VS 2012 - Freeze Gridview Header And First 2 Columns

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


Similar Messages:

Css - Freeze GridView Header In .NET ?

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

VS 2010 GridView Freeze Header

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

Forms Data Controls :: How To Freeze Row Header For Gridview

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

VS 2005 - Possible To Freeze Gridview Columns

Jun 20, 2011

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.

View 24 Replies

Forms Data Controls :: How To Freeze GridView Header Using GridView Properties

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

Data Controls :: Freeze GridView Header When AutoGenerateColumns Is True

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

Forms Data Controls :: Gridview Header Freeze In IE8 Standard Mode?

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

Data Controls :: How To Freeze GridView Header And Footer And Make It Static

Sep 3, 2013

When i scroll the cursor the header and static need to static but content must scroll..

View 1 Replies

Data Controls :: Freeze GridView Header Using JQuery Inside Update Panel

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

Forms Data Controls :: How To Freeze Specific Columns In GridView

Aug 31, 2010

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 Replies

Data Controls :: Freeze (Fixed) Columns In GridView Using JQuery

Jun 16, 2015

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 Replies

Freeze Columns In Gridview Where Grid Has Static Height And All Rows Are Rendered?

Feb 23, 2011

I'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]...

View 1 Replies

Forms Data Controls :: Create An ASP Grid With Dynamic Columns With An Ability To Freeze Columns And Rows

Sep 20, 2010

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]....

View 1 Replies

Forms Data Controls :: Gridview Header Css / Set Thetext Color To White For The Header Only The Non Bound Columns Go White

Aug 13, 2010

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]....

View 1 Replies

How To Freeze The Header Row In An Excel Spreadsheet

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

AJAX :: Datagrid - Freeze Header Row Using IE8

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

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

Forms Data Controls :: How To Freeze Two Columns In Datagridview

Aug 26, 2010

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

C# - Merging Merger Header Columns In Gridview?

Nov 16, 2010

How can I create below type of gridview with merge merged header columns? If anybody have example share with me.

View 1 Replies

Data Controls :: Set Common Header For Columns In GridView?

May 7, 2015

Is 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

View 1 Replies

Controls :: Export GridView With Group Header Row Columns To PDF?

May 7, 2015

How to convert a gridview consists with sub columns to a pdf without changing the format of sub columns

View 1 Replies

Data Controls :: Display Dates As Columns In GridView Header

Mar 26, 2014

I 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

View 1 Replies

Forms Data Controls :: Freeze Datagrid Columns / Scroll Bar Movement Getting Slow?

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

Forms Data Controls :: Hiding Few Columns Including Header In A Gridview?

Mar 3, 2010

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"].

View 10 Replies







Copyrights 2005-15 www.BigResource.com, All rights reserved