Solved

How to Create a Freeze Pane Table Header using PHP

Posted on 2008-06-20
4
2,433 Views
Last Modified: 2013-12-12
I have a PHP page that has a HTML table. I'd like my header to be a freeze pane (similar to how it works in Excel).

Can someone provide a PHP code example of how this could work?
0
Comment
Question by:deharvy
  • 2
4 Comments
 
LVL 49

Accepted Solution

by:
Roonaan earned 500 total points
ID: 21834929
You would create two tables. The first is the header. The second is within a div with overflow auto:

<table> ... your header ... </table>
<div style="height:200px;overflow:auto">
<table>
.. your content ..
</table>
</div>

Kind regards

-r-
0
 
LVL 48

Expert Comment

by:hernst42
ID: 21835013
0
 

Author Comment

by:deharvy
ID: 21835043
Works... except that the header doesn't retain the column width. I can work with this method. Any other method? Just asking.
0
 

Author Comment

by:deharvy
ID: 21835109
Roonaan, I didn't see the post by hernst..... I have to check that out. But for your solution, it works using 2 tables but doesn't retain column width. I'll try to 2nd solution and will get back to you. Thanks for your quick response.
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Hide un-named HTML Label with CSS 14 36
MVC - procedural PHP 10 35
Ahax pagination 9 32
Force PDF to open inline as opposed to dowload 16 22
This article discusses how to create an extensible mechanism for linked drop downs.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
The viewer will learn how to dynamically set the form action using jQuery.

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question