unusual scrolling table

richard · Jul 6, 2009

Ok so like all the table designs I've seen that use scrolling all do
it with a static header row on the top.

How can I do this so that the first colum is static?

Let's say I have a static column and only want to show one other
column beside it at a time.

....name:
address:
.......city:
.....state:
.......zip:

This would always show in the first column. Columns 2 through 100
would show corresponding data of different items.

I have tried googling but it's a nightmare trying to find an example
of what I want. Anyone have one?

dorayme · Jul 6, 2009

richard said:
Ok so like all the table designs I've seen that use scrolling all do
it with a static header row on the top.

How can I do this so that the first colum is static?

I don't know? Let me underwhelm you, just for the moment, with:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>A visual fixed col table</title>
<style type="text/css" media="screen">
table {border-collapse: collapse;}
td {border:1px solid; padding: .2em;}
div {margin-left: 4em; overflow: auto;}
</style>
</head>
<body>
<table style="float: left; width: 4em"><tr><td>item</td></tr></table>
<div><table><tr><td>item</td><td>item</td><td>item</td><td>item</td><td>i
tem</td><td>item</td><td>item</td><td>item</td><td>item</td><td>item</td>

item</td><td>item</td><td>item</td><td>item</td></tr></table></div>

</body>
</html>

richard · Jul 6, 2009

I don't know? Let me underwhelm you, just for the moment, with:

That's one possibility I was thinking about.
But I figure if a <tr> can be static, why not a column?
If all it takes is an "ID" to fixate a row, then the column should
likewise be fixable.

My plan of attack for this project of mine is where I show name in the
first item, this may actually be a list box showing a multitude of
names to choose from, then fill the data in column 2 as selected.

Disco Octopus · Jul 7, 2009

That's one possibility I was thinking about.
But I figure if a <tr> can be static, why not a column?
If all it takes is an "ID" to fixate a row, then the column should
likewise be fixable.

My plan of attack for this project of mine is where I show name in the
first item, this may actually be a list box showing a multitude of
names to choose from, then fill the data in column 2 as selected.

Click to expand...

Is this what you are looking for....

http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML and Javascript/ResizeColumns/Table.htm

Pretty yuck IMHO, but looks like what you describe.

richard · Jul 7, 2009

Is this what you are looking for....

http://www.cubido.at/Portals/7/docs/Blog/Karin/HTML and Javascript/ResizeColumns/Table.htm

Pretty yuck IMHO, but looks like what you describe.

Click to expand...

That would work thanks.

the scrolling table revisited!	2	May 19, 2012
Show/Hide HTML Table Columns using SELECT option	1	Nov 9, 2020
Only one table shows up with the information	2	Mar 29, 2023
scrolling table cell problem	5	Aug 10, 2008
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
mat table custom sorting functionality	0	Jul 16, 2020
why is horizontal scrolling a big fat "no!"?	0	Apr 13, 2012

unusual scrolling table

richard

dorayme

richard

Disco Octopus

richard

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads