Forms Data Controls :: Fixed / Freezed Headers In Grid

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


Similar Messages:

Forms Data Controls :: Fixed Headers In Gridview

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

Forms Data Controls :: Scrollable Gridview With Fixed Headers

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

Data Controls :: Adding Horizontal ScrollBar With Fixed Headers To GridView

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

Data Controls :: Implement Scrollable Nested GridView With Fixed Headers?

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

Data Controls :: Scrollable GridView With Fixed Headers - Header Column Alignment

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

Data Controls :: Scrollable GridView With Fixed Headers With Label Control In HeaderTemplate

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

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

ListView - Scrollable With Fixed Headers Using CSS

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

Datagrid Scrolling With Fixed Headers

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

Forms Data Controls :: 2 Headers And After Some Sort Of Amount Of Records The Headers Will Repeat Again?

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

AJAX :: Using Scrollable GridView With Fixed Headers Inside Tab Container Control

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

Web Forms :: Scrollable Grid With Fixed Header

Mar 28, 2012

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

View 1 Replies

Web Forms :: How To Set The Fixed Column Size Of A Grid View

Apr 14, 2010

I have a gridview which automatically adjusts with the dataset but i want to adjust he size a bit

how to set the column size to a fixed size

View 2 Replies

Forms Data Controls :: Nested Grid Dynamically Fill When Parent Grid Button Click Then Expand Child Grid

Jan 16, 2011

i have one grid and one button when i click on that button then it expand and showing another grid under the row of parent grid how to do that.

View 2 Replies

Web Forms :: Concept Of Request.Headers And Response.Headers In .NET?

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

Forms Data Controls :: Get Fixed Header For Gridview?

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

Forms Data Controls :: Multi Sub Headers In Gridview

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

Forms Data Controls :: Textboxes In Gridview Headers

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

Forms Data Controls :: Gridview Separators And Headers

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

Forms Data Controls :: Display Only Headers Of The Columns?

Aug 20, 2010

i'm using gridview.when datasource is empty i hav to display only headers of the columns.how to do this?

View 4 Replies

Forms Data Controls :: How To Make Fixed Header When Data Is Empty

Jan 16, 2011

how to make fixed header when data is empty

View 3 Replies

Forms Data Controls :: GridView Column Set Fixed Width

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

Forms Data Controls :: How To Make Fixed Header In GridView

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

Forms Data Controls :: Datagrid Fixed Column Width

Oct 12, 2010

I m working on Datagrids and i am trying to specify a fixed width for a Column(in datagrid) ...Is there any property to specify the width of the columns in datagrid(i know its pretty easy to specify the width of the Datagrid but i want to specify the fixed column width) Also how do i specify the text wrapping in a datagrid

View 1 Replies







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