Web Forms :: Fixed Headers On Gridview In IE8?
Mar 18, 2011
Given all the research I've done, I don't think this is possible - am I correct? I've been all over the web looking for ways to do this. My grid needs to scroll vertically, horizontally, sort, and go into edit mode. I've been able to do the "cheap" solution where a table sits above the grid to hold the column names, but this does not work well with putting the grid into edit mode or scrolling horizontally. In both cases, the columns become out of synch with their headers. My organization will not pay for a grid, so JQGrid is out. So, since the 'expression' capability has been removed from IE8, we are left with no possibilities for fixed column headers?
I'm not advanced enough in JQuery to do this...but wouldn't it be possible to create a JQuery function that copies the grid header row to a div that sits above the grid, so that the headers are always visible? (And hide the original grid header row). Anyone want to take a crack at it? Maybe I'll try but it will probably take me too long.
View 2 Replies
Similar Messages:
Mar 25, 2011
I wanted to have fixed headers in grid view. I came across multiple solutions but none worked with IE 8 and Chrome. One of the best solutions is following:
<style type="text/css">
<!--
.DataGridFixedHeader {background-color: white; position:relative; top:expression(this.offsetParent.scrollTop);}
-->
</style>
View 3 Replies
Aug 5, 2010
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.
View 9 Replies
May 7, 2015
Refer here: [URL] ....
What If i have many fields to be included in the gridview, so in that case I need HORIZONTAL SCROLL BAR. But I can't fixed the headers...
View 1 Replies
Nov 30, 2013
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]....
View 1 Replies
Dec 3, 2013
I am working with asp.net tab control currently with two tabs. The first tab is a list of jobs to be worked. The gridview id is "gvJobs". I call the ScrollableGridPlug via
$(document).ready(
function () {
$('[id*=gvJobs]').Scrollable({
ScrollHeight: 450
[code]...
When i click at the Equip Tab is get a blank gridview. There is a scrollbar on the left side indicating there is data in the gridview; however there is nothing visible. Additionally is there a way to scrollable function when I click on the appropriate tab?
View 1 Replies
Jan 16, 2014
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...
View 1 Replies
Sep 17, 2013
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).
View 1 Replies
May 25, 2010
I have a gridview that displays a list of records and i have a verical scroll bar on that grid i want the grid headers to be freezed when i am coming to the last record i added css like this
.container table
th {/* Keep the header cells positioned as we scroll */
position:relative;/* Style */
}
color: Black;background:silver;font-weight:
bold;border-bottom:
solid 1px
#CCCCCC;text-align:
left;padding-left:5px;
and after this calling this css class within div tag
<div class="container"
style="height:300px;">
but it is not working
View 1 Replies
May 20, 2010
I am using an ASP.NET ListView control and, at the moment, I have a scrollable grid: (example below is simplified and contains embedded styling for sake of question)
<asp:ListView ID="ListView" runat="server" DataKeyNames="Id">
<LayoutTemplate>
<div style="height:225px; overflow:auto;">
<table runat="server">
<tr>
<th>
<span>Column1</span>
</th>
<th>
<span>Column2</span>
</th>
<th>
<span>Column3</span>
</th>
</tr>
<tr id="itemPlaceholder" runat="server" />
</table>
</div>
</LayoutTemplate>
<ItemTemplate>
<tr id="items" runat="server">
<td class="first">
<%#Eval("Column1")%>
</td>
<td>
<%#Eval("Column2")%>
</td>
<td>
<%#Eval("Column3")%>
</td>
</tr>
</ItemTemplate>
</asp:ListView>
I'd like to apply CSS such that my headers are fixed. What styling can I add to make it work?
View 1 Replies
May 7, 2010
How can you have a fixed header on a DataGrid or GridViw and allow the grid to scroll? I'd like to avoid a solution that uses another separate table for headers.
View 1 Replies
Mar 20, 2010
I have never work with a repeater and after a lot of research I got to the conclusion that this is the control I need to use for what I have to do. I need display data but I will need 2 headers and after some sort of amount of records the headers will repeat again. In this page you will find an example of what I'm trying to do http://ratings.fide.com/view_source.phtml?code=45276 I don't know if a repeater is the right control but i thin it is.
View 3 Replies
May 27, 2010
explain to me the concept of Request.Headers and Response.Headers in ASP.NET? Under what scenarios you use Request.Headers and Response.Headers?
View 1 Replies
Mar 19, 2012
Trying to implement the site solution but it does not work"Scrollable Gridview with fixed header using Jquery plugin"
View 1 Replies
Nov 22, 2011
I want to freeze GridView headers.
View 1 Replies
Dec 30, 2010
I want fixed header for a gridview.
I tried many examples.But i did not get.
How to do it.
View 5 Replies
Jul 17, 2012
I 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 Replies
Jan 14, 2010
What is the best way to format a grid, (or any other control) in this format?
Header1 Header2
A B C D Header3 Header4 header5
row
row
row
row
row
Header3 Header4
row
eader5 Header6 header7 header8
row
row
row
footer data
is this format even possible?
View 3 Replies
Sep 14, 2010
I have a couple of Textboxes in a Gridview header, mainly used to search for items in the dataset. This works fine; however, on Post Back, the textboxes do not hold the entered text. The View State is enabled for these control items.
View 4 Replies
Nov 18, 2010
I have the following output from a SQL Datasource that I would like to separate into the Giant Sets...
Giant Set 1 Exercise 1 10 reps
Giant Set 1 Exercise 2 15 reps
Giant Set 1 Exercise 3 10 reps
Giant Set 2 Exercise 1 15 reps
Giant Set 2 Exercise 2 15 reps
Giant Set 2 Exercise 3 15 reps
So I want it to look like this...
Giant Set 1
Exercise 1 10 reps
Exercise 2 15 reps
Exercise 3 10 reps
Giant Set 2
Exercise 1 15 reps
Exercise 2 15 reps
Exercise 3 15 reps
Is this possible with a gridview?
View 2 Replies
Dec 27, 2010
I am trying to set the width of each column within my gridview. Problem is that none of it is working. I have tried setting the whole grid view to 100% and then break down each individual column to a certain percentage, tried manually adjusting Header Width, Item Style width, tried setting it in code, I have tried just about everything and the column doesn't want to budge. The only time I can adjust the width of the column/cell is when I do it in SQL, but because they are requesting the tooltip to preview the comment I would like to pursue my options doing it on the page itself.
//Code protected void grdComments_RowDataBound(object sender, GridViewRowEventArgs e)
{//Setting the tooltip for the comment column and column width.
grdComments.Columns[3].ItemStyle.Width = Unit.Pixel(100);
//e.Row.Cells[3].Width = Unit.Pixel(100);
e.Row.Cells[3].Wrap = false;
e.Row.Cells[3].Style["overflow"] = "hidden";
e.Row.Cells[3].Style["text-overflow"] = "ellipsis";
e.Row.Cells[3].ToolTip = e.Row.Cells[3].Text; }
View 3 Replies
Jun 4, 2010
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]....
View 2 Replies
Oct 25, 2010
how to set the fixed value with the columns in a grid view? my code works fine if you have normal words with space. If the length of the whole field is more than its width, It would come to the next line. But If we type big word without any space like "WWWWWWWWWWWWWWWWWWWWWWWWWWWWW", It would by default increase the width and disturbs the layout.
View 4 Replies
May 5, 2010
how i can generate a gridview with a fixed number of rows that is entered from a textbox
my gridview has a column with dropdownlists the others contains textboxes?
View 3 Replies
Jun 17, 2010
I dont have any footer in GridView but I have paging and that paging is showing as footer.
my problem is I m having GridView in Panel. The panel is less in height when compared to data in datagrid.
So I use scrollbars to scroll down. In this scenario, I want that Paging footer to be fixed.
I want to fix Header and Paging in that panel, so that I can scroll data with scrollbars.
View 3 Replies
