Comments on: How to Create Table With First Column Frozen?

By: Jo

Jo — Tue, 01 Sep 2009 08:18:31 +0000

Hello i have tried the above code but it is not showing me the scroll bar

By: Suresh Babu

Suresh Babu — Mon, 27 Apr 2009 09:55:52 +0000

Hi Shruti,

I used your approach of freezing a column in my project. It worked out really well. Now we are facing a small problem when the table data is a check box. If data is a check box then there is a problem in the alignment of the table with its row heading. My table is a dynamic one in which contents gets changes depends on others. So a label can become a check box and check box can become a label depends on the value that is chosen by user. That’s why i can;t use your .long_ht class. Can you please guide me on this?

By: htmlnovice

htmlnovice — Wed, 01 Apr 2009 12:34:21 +0000









#header
{
      width:790px;
      border-collapse:collapse;
      border: 1px solid #cccccc;
      margin-bottom:1px;
}

#header th
{
      padding:5px;
      text-align:left;
      background-color: #e5e5fc;
      border: 1px solid #cccccc;
      font-size: .7em;
}

#header th.colmn2
{
      vertical-align:bottom;
}

#details
{
      height: 106px;
      width:806px;
      border: none;
      overflow: auto;
      overflow-x: hidden;
}

#data
{
      width:790px;
      border-collapse:collapse;
      border: 1px solid #cccccc;
}

#data td
{
      padding:5px;
      border: 1px solid #CCCCCC;
}

.colmn2
{
      width: 25%;
}






      
            AFR FTE DETAILS
      
      
            Budget Account
            FTE Class
            FTE Group
            Requested FTE

In the above sample code, If u see the header (which is stable) while scrolling, You can see some table data can be viewable above the header row. Can u tell me how to hide that ?

By: N Dash

N Dash — Sat, 06 Sep 2008 13:34:54 +0000

I added your web site in my fav. Bcz I learned something.
Regards
N Dash

By: Shruti

Shruti — Fri, 25 Apr 2008 01:10:38 +0000

I couldn’t freeze first as well as last column of a table.

By: Sushil

Sushil — Wed, 23 Apr 2008 20:13:55 +0000

I need to freeze first as well as last column of a table. Is that possible?

By: samir

samir — Tue, 14 Aug 2007 07:18:15 +0000

is there any way I can make the follwing example work in Mozilaa… Please let me know the same,

http://home.tampabay.rr.com/bmerkey/examples/locked-column-csv.html

By: ewoud

ewoud — Sat, 24 Mar 2007 09:11:12 +0000

just what I was looking for, thanks !

ps. I had a vertical scrollbar in IE7
so I changed the last css line to:
#table_data {width:400px; overflow-y: auto; overflow-y: hidden; }
and now it works fine for firefox and IE7 !

By: Shruti

Shruti — Fri, 05 May 2006 19:37:05 +0000

Dear Jeff,
I’ve tried freezing the first row but it doesn’t work. If you have any solution please let me know.

Shruti

By: Jeff

Jeff — Mon, 01 May 2006 18:06:54 +0000

Is there any way to freeze the first row as well? So, if I scroll down, the first header row would stay frozen as well?

Thanks,
Jeff