asked on

DataGrid - Fixed Header

Hi,

Datagrid is used in my project. (Visual studio 2003).

To make header static, we used below style:

.datagridfixedheader { POSITION: relative; TOP: expression(this.offsetParent.scrollTop -2) }.

It's working only in IE, not firefox. Please help.

ASPSQLServerCOM

http://blogs.claritycon.com/blogs/satish_vemula/archive/2006/02/23/235.aspx

SOLUTION

ASPSQLServerCOM

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

SOLUTION

jagssidurala

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

ASKER CERTIFIED SOLUTION

rajapandian_81

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

rajapandian_81

ASKER

It's solved now by removing below two lines from ScrollingGrid.js file.

if (trEl.childNodes[i].nodeName != "TD") // skip #text nodes
continue;

Now the problem is my grid uses only 75% space of page. How to utilize 100% space???

rajapandian_81

ASKER

Now the problem is my grid uses only 75% width of page. How to utilize 100% width???

ASPSQLServerCOM

check for the div tag width

rajapandian_81

ASKER

In ScrollingGrid.js file, columns are assigned offset width. So I guess there is no use of increasing whole div or table width.

ASPSQLServerCOM,
Do you have some other solution to utilize 100% width?

ASPSQLServerCOM

i checked the demo at
http://www.ixnay2infinity.com/ScrollingGrid/Demo.aspx

i am not able to see any change of column width in post back, check your code or if possible please send before and after post back HTML

rajapandian_81

ASKER

Hi ASPSQLServerCOM,
Its solved. I have mentioned the same in comment #33813865.

Now the problem is I have only 7 columns in my grid. So the grid is displayed only within 75% of page width. Remaining 25% width of page is empty. Based on page width how to increase the width of all columns equally?

In demo page they have more number of columns. So whole page width is utilized.

Waiting for the solution.