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


Similar Messages:

Forms Data Controls :: Gridview Horizontal Scrollbar Not Coming?

Nov 17, 2010

i designed a gridview with HeaderStyle Freeze like this

<HeaderStyle CssClass="FreezeMe" Wrap="true" />
.FreezeMe
{
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: 13px;
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;;
height:40px;
font-size:30px;
}

i have applied my gridview within DIV tag because i need horizontal scrool bar(if no. of record is high) but i didnt see the scrollbar ...

View 4 Replies

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 :: 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

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

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

Forms Data Controls :: Headers To Stay Fix While Vertical And Horizontal Scrolling?

Nov 10, 2010

Newbie to ASP.net. Programming in C#.I'm querying a SQL database and displaying the results in a gridview. The results can be many records so I need to provide the facility to scroll vertically and horizontally. To display the headers when scrolling I have implemented ( in my asp code) the headers in another table and the data is in another table. I see now I cannot align the column headers with the table data.Appreciate any help to fix this issue. ( What I need is a similar to the freeze function in excel where you can freeze the header while scrolling horizontally and vertically)If this method is not a good one to display headers with data please suggest another methodHere is my ASP code.

<div id="divProjectTableHeaderFullDetail" runat="server" style="background-color: #993300;
height: 40px; width: 770px; margin: 0; padding: 0 ; " >
<table style="font-family: Arial; font-size: 10pt; color: white;" cellspacing="0"

[code]...

View 11 Replies

Web Forms :: Html Div Scroll - Add Horizontal Scrollbar To Controls

Oct 26, 2010

I have placed my aspx controls inside html div like below-

<div style="width: 960px; height: 600px; vertical-align: top; overflow: auto; ">
<my controls>
</div>

Due to which it adds a horizontal scrollbar to my controls. Now i have a checkox inside this with autopostback property enabled due to which whenever i checked it, my sroll position changes which makes a difficult task for user to enter data. Is there any way to maintain the horizontal-position of scrollbar om autopostback? although i have tried maintainscrollposition=true in page tag but doesnot work for horizontal scroll position

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

How To Add Horizontal Scrollbar To Drop Down List Control

Jan 28, 2010

I have one Drop down list box like following :

[code]....

when drop downlist has item string too large then i want to give it horizontal Scrollbar ..

View 1 Replies

Web Forms :: Hiding Horizontal Scrollbar In Webpage?

Mar 8, 2011

I want a hide horizontal scrollbar..so i need a code to add it in masterpage..so that all screens will be seen without horizontal scrollbar

View 1 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

Data Controls :: How To Display Scrollbar In GridView Using CSS Styles

Jul 5, 2013

I want set scrollbar in grdview using css. can not use update panal and dive or a javascript...

View 1 Replies

Forms Data Controls :: Freezing Columns In Gridview With Scrollbar?

Jan 10, 2010

I have a gridview and its contains 16 column. I would like to use the scrollbar in the gridview with Freezing first two columns and use the scrollbar to show remaining data..

View 2 Replies

Forms Data Controls :: How To Make Gridview  With Scrollbar With Making Header Static

Dec 23, 2010

how to make gridview with scrollbar with making header static.

View 2 Replies

Forms Data Controls :: How To Fix The Header And The Footer Of An Gridview Inside A Panel With A Vertical Scrollbar

Apr 24, 2010

my page contains gridviews, textboxes, comboboxes... : one of the gridview is hidden; the user needs to press a button to make it visible (it is inside a panel that contains a vertical scroll, and have a header and a footer, and this last panel is contained in an update panel).

i want to make the header and footer fixed while scrolling. i need this to work in ie and in firefox the latest versions.

View 7 Replies

Data Controls :: GridView With Fixed Header

Sep 29, 2013

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() {

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

Data Controls :: Scrollable Gridview With Fixed Pager

Mar 5, 2012

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







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