Solved

How to Create a Freeze Pane Table Header using PHP

Posted on 2008-06-20
4
2,467 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say 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

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

726 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