Solved

tables scrolling

Posted on 2003-10-28
4
208 Views
Last Modified: 2010-04-09
i had created two rows in a table now i kept heading in first row and data in secound row now i want first row to be fixed  and secound row to be scrolled how cani do that
0
Comment
Question by:prasadshiva
4 Comments
 
LVL 31

Accepted Solution

by:
seanpowell earned 25 total points
ID: 9634919
Here's an example:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body>
<table cellspacing="0" cellpadding="2" id="header">
  <col width="100"><col width="150"><col width="268">
  <tr>
    <td width="100" bgcolor="lightgrey">Category</td>
    <td width="150" bgcolor="lightgrey">Name</td>
    <td width="218" bgcolor="lightgrey">Description</td>
  </tr>
</table>
<div style="overflow: auto; width: 480px; height: 75px; border-left: 1px gray solid; border-bottom: 1px gray solid; padding:0px; margin: 0px;">
<table cellspacing="0" cellpadding="2">
  <col width="100"><col width="150"><col width="200">
  <tr>
    <td width="100" valign="top" nowrap>Category 1</td>
    <td width="150" valign="top">Name 1</td>
    <td width="200" valign="top">Description 1</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 2</td>
    <td width="150" valign="top">Name 2</td>
    <td width="200" valign="top">Description 2</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 3</td>
    <td width="150" valign="top">Name 3</td>
    <td width="200" valign="top">Description 3</td>
  </tr>
  <tr>
    <td width="100" valign="top" nowrap>Category 4</td>
    <td width="150" valign="top">Name 4</td>
    <td width="200" valign="top">Description 4</td>
  </tr>
</table>
</div>
</body>
</html>
0
 
LVL 1

Expert Comment

by:paStiSSet
ID: 9688775
cool one sean ;)
0

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

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

This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

837 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