Здравствуйте. У мене уже есть таблица с фиксированным заголовком. Как зафиксировать первую колонку не используя js, если это возможно? http://jsfiddle.net/DyMSb/40/
Это? Код (Text): <html> <head> <meta content="text/html" charset="utf8"> <style> #table{ width: 400px; margin-left: 30px; } #table thead{ display: block; } #table th{ width: 150px; } #table tbody{ height: 100px; display: block; overflow: auto; } #table td{ width: 150px; } #table1 thead{ display: block; float: left; } #table1 tbody{ display: block; float: right; overflow: auto; height: 100px; } #table1 th{ width: 20px; } #table1 td{ width: 98px; } </style> </head> <body> <table border=1 id="table"> <thead> <tr> <th>1</th><th>2</th><th>3</th><th>4</th> </tr> </thead> </table> <table border=1 id="table1"> <thead> <tr> <th>1</th></tr><tr><th>2</th></tr><tr><th>3</th></tr><tr> <th>4</th></tr><tr> </thead> <tbody> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> <tr> <td>Ячейка</td><td>Ячейка</td><td>Ячейка</td><td>Ячейка</td> </tr> </tbody> </table> </body> </html>
Это нужно мудрить либо в ручную, либо с #table tr td:first-child и фиксацией fixed, но там мороки я вам обещаю, больше чем просто от этого отказаться...