Data Controls :: Make Multiple Header Rows Fixed In Scrollable GridView?
Jul 17, 2015[URL]
i just wanted to fixed 2 rows of headertemplate. how can i do that using jQuery?
[URL]
i just wanted to fixed 2 rows of headertemplate. how can i do that using jQuery?
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 RepliesI 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 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 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]....
In my div displaying list of records using gridview. The div properties are like height=200, width=200, overflow-y:scroll, etc. I know in gridview we will get a default Page navigation bar appened to the records (it could be bottom or top) but what I want is records in gridview is scrobble and page navigation bar should be static at both the places (bottom and top). if we enabled page navigation bar in gridview...it will be appended to the gridview records and it will be scroll along with records but i want static page navigation bar.
View 1 RepliesI tried to have a grid with the fixed header. I implement this using the jquery plug "ScrollableGridPlugin.js" and the following script:
<script type="text/javascript">
$(document).ready(function () {
$('#<%=GridView1.ClientID %>').Scrollable({
ScrollHeight: 500,
});
});
</script>
But the problem is that, when the grid is placed inside the "Update panel" and if some button action fired, the scrollable grid with the fixed header is changed to the normal grid.
I want scrollable gridview with fixed header. For that i create belw code
[Code]....
It works fine uptil page loads.I have functionality to delete rows from gridview.Once i click delete button from gridview the width of header columns get decreased then the width od data inside gridview.It means depending on the content of data the size gets variable.HOW to show data inside gridview irrespective of the content of data.
I try to make a combination of 2 of your articles
[URL]
It works but the column header width's are not matching the data columns.
When i take out the nested gridview it works fine.
Here's my code:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$("[src*=plus]").live("click", function () {
$(this).closest("tr").after("<tr><td></td><td colspan = '999'>" + $(this).next().html() + "</td></tr>")
$(this).attr("src", "images/minus.png");
[code]....
I Have can I have the scrollable table but Fixed Header
[Code]....
In article [URL] .... I want to change the header Styling. Is it possible to change?? If yes then how?
Also, i want to use label inside header (to write heading).
I have an html table. I want to set table header as fixed and table body as scrollable.. How can i do this...?
View 1 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'm having difficulty adding a repeating header row, every x rows, to a gridview. I'm able to add the header only once with the below code. For some reason it will only add it during the last iteration through the for/next statement. I tried manually adding three separate .addat statements to different rows and it only executed the last .addat statement. I couldn't find any information on why it's only working the one time and I hope someone has a fix or better solution.
Code snippet (Note the IsWhole() function verifies that the rownumber divided into a whole number):
Protected Sub Gridview1_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles Gridview.DataBound
Dim grid As GridView = TryCast(sender, GridView)
If grid IsNot Nothing Then
Dim row As New GridViewRow(0, -1, DataControlRowType.Header, DataControlRowState.Normal)
Dim header As GridViewRow = POSTURE_RESULT.HeaderRow
For i As Integer = 0 To POSTURE_RESULT.Columns.Count - 1
Dim TableCell As New TableHeaderCell()
TableCell.Text = header.Cells(i).Text
row.Cells.Add(TableCell)
Next
Dim t As Table = TryCast(grid.Controls(0), Table)
If t IsNot Nothing Then
For i As Integer = 0 To Gridview1.Rows.Count - 1
If IsWhole(i / 5) Then
t.Rows.AddAt(i, row)
End If
Next
End If
End If
End Sub
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.
how to make fixed header when data is empty
View 3 RepliesHow to scroll a gridview with moving the headertext?
View 1 RepliesI 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 fixed header for a gridview.
I tried many examples.But i did not get.
How to do it.
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 Replies