I am able to put gridview inside asp:panel and scrolling works too. But the moment I down, the header of gridView scrolls above inside the panel and gets hidden.
I just want to scroll rows, not the header. How can I do that?. Following is what I am using.
On a side note, I have tried to wrap gridView in DIV but div doesn't show the scroll bars in the first load for some reason.
[code]....
[URL]
i just wanted to fixed 2 rows of headertemplate. how can i do that using jQuery?
how to make fixed header when data is empty
View 3 RepliesHow to make the gridview header to be fixed on overflow. I used this cssclass for Header Style but not working properly with all browsers.
Code:
position: relative; top: 0;
I want user to be able to scroll in a div to see all the rows. But setting div's overflow property to true. When I starts scrolling header goes away. Is it possible to make header static. So that I can sort or do any kind of other operations.
Currently I tried to take fixed table above grid and hiding grids header. But on editing it is not expanding as the grid is expanding.
I want fixed header for a gridview.
I tried many examples.But i did not get.
How to do it.
I had created one gridview with fixed header. I used java script for fixed header as follows:
<script type="text/javascript" language="javascript">
$(document).ready(function() {
i want to add scroll with fixed header in gridview below is my code:
<div class="fontInside" style="height:300px; background-color:#eeeeee; overflow:scroll;border:1px; border-color:#d4d4d4 ;border-collapse:collapse; width:100%">
<asp:GridView ID="gvAccounts" runat="server"
CssClass="mGrid" AutoGenerateColumns="False"
GridLines="None" >
<AlternatingRowStyle CssClass="alt" />
<HeaderStyle CssClass="fontInside"/>
<EmptyDataTemplate>
[code]...
I read article in [URL]..... This is working very well but I want to select row in gridview. When I select a row, gridview scrolling top, I want, it scroll which row I select. How can I do this?
View 1 RepliesWe use a responsive gridview, that gets bigger if you maximize the window. I tried to use your solution but either the gridview is responsive or the header stays at his position.
View 1 RepliesHow to set the GridView column fixed in width size whether there is data in the column cell or not. I try below code using "ItemStyle-Width" in the BoundField control to fix the column width but column became narrower if there is no data to display in it. Is this a no solution of ASP Gridview control ?
<asp:GridView
ID="GridView1"
runat="server"
AutoGenerateColumns="false"
Font-Names="Arial"
Font-Bold="true"......
I came across a page that showed a solution for freezing the top (header) row of a gridview and allowed it to be scrollable. Here is the article: [URL] ....
It works and I was able to freeze the top row! However, I have a nested gridview ("gridview2") within that gridview ("gridview1") and I need to freeze it's header row...but I am encountering the following compilation error: "The name 'gridview2' does not exist in the current context"
I have tried many approaches to solve this, including calling the javascript function on the button event in which gridview2 is displayed, however I receive the compile error every time.
Here is the code that is causing the error:
<script type="text/javascript">
function gridlock() {
var GridId = "<%#gridview2.ClientID %>";
Scrollable GridView with Fixed Headers inside ASP.Net UpdatePanel using jQuery Plugin. I have one more question in that.  How to adjust the width of the columns headers because for some of my gridviews the headers not showing the proper format.  in the gridview I gave HorizontalAlign="Left" and in the columns I gaveÂ
<asp:BoundField DataField="XXX" HeaderText="XXX" ItemStyle-Width="150px" HeaderStyle-HorizontalAlign="Left" /> Â
It's not showing in the correct fomart. header is coming to the left side and data is coming to the right side...
I have a form with multiple update panels in one form. here i have a gridview with update panel where jqery scrolable with fixed header is not working. i saw your post where IsInUpdatepanel: true
View 1 Replieshow to make a gridview's header fixed and sortable. All the solutions I've seen do one or the other, but not both. If I put the header in a separate table, I don't know how to make it sort. None of the CSS options I've seen work either.
My gridview isn't anything special, but it is databound via a data accessor in c#.
Here's the grid:
[Code]....
And the code behind:
[Code]....
Trying to implement the site solution but it does not work"Scrollable Gridview with fixed header using Jquery plugin"
View 1 RepliesI am making one pointing web application. There are different Points like 20 Points, 50 Points, 75 Points,etc. These are saved in Database.This Points are belongs to some Vendors. Customer will take the Points from Vendors.want to show the summary in gridview like how many customer use 20 points, how many customer use 75 Points, etc.I want the Gridview Like below
Vendor Name 20 Points 50 Points 75 Points
ABC 5 7 8
XYZ 10 16 5
First Question, How can I represent the data in the above way?Second Question, If I add one more point like 100 Points, then how the one more column will come like below:
Vendor Name 20 Points 50 Points 75 Points 100 Points
ABC 5 7 8
4
XYZ 10 16 5
16
how to make gridview with scrollbar with making header static.
View 2 RepliesI have gridview placed inside panel and allowed paging. I have used the code which is in the link URL...The problem is with the alignment. Is there any solution for this?Â
View 1 Repliesi tried and tried and maybe searched the entire web... but i could not find anything good for my asp.net gridviewcontrolwhich whill fix the header and allow sorting. but most of all work in all browsers and not just IE and Firefox alone.... chrome was the main problem nothing worked...this was one option:
.HeaderFreez
{
position:relative ;
top:expression(this.offsetParent.scrollTop);
z-index: 10;
}
[code]...
I know this topic has been asked, but the posts are all out of date, or not functional on IE8. In brief we basically want to do the excel style locking of column headers in a GridView. I have seen a couple of solutions one jquery+ css(setExpression) which doesn't work in IE8. And another that uses ajax extensions, yet again doesn't work in IE8.
I have been through every solution in the below link and have yet to find a working implementation for IE8. [URL]
How Can We Have A SCROLLABLE GridView With Fixed Header???(in vs 2008 - asp.net with c#) Fixed Header is my problem! i test many ways for doing that and see some live demos / but they did not work. can u show me a simple way 4 doing that with an example?
View 2 RepliesWhen i scroll the cursor the header and static need to static but content must scroll..
View 1 RepliesI have a grid-view placed inside a div and scroll bar is there. I want to set the grid view header fixed and while scrolling only the content will be scrollable. How can do this..
View 2 RepliesI want to set header column width for grid view. I tried HeaderStyle-Width="30px". But it is depending on Item columns. The column width is setting based on item value. But I want fixed width even if it has value or empty.
View 1 Replies