Показать сообщение отдельно
  #4 (permalink)  
Старый 09.09.2013, 15:21
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

Ой извиняюсь, неправильно нихрена( Вот так лучше
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	</head>
<body>
<style>
#header {
    width: 150%;
    display: block;
    position: fixed;
    background: #fff;
    overflow: hidden;
    z-index: 1;
}
#header div {
    display: table-cell;
    padding: 15px;
    border: 1px solid #ccc;
    border-collapse: collapse;
    font-weight: bold;
}
table {
    width: 150%;
}
thead {
    visibility: hidden;
}
td, th {
    border: 1px solid #ccc;
    border-collapse: collapse;
    padding: 15px;
}
</style>

<script src='http://code.jquery.com/jquery-1.7.2.js' type='text/javascript'></script>  
<script language="javascript">
jQuery(document).ready(function($){
    var $table = $('table'),
 $header = $('#header'),
    $thead = $('thead');
    $thead.find('th').each(function(){
        var $newdiv = $('<div />', {
            style: 'width:'+ $(this).width()+'px'
            
        });
        $newdiv.text($(this).text());
        $header.append($newdiv);
    });
    
     var $viewport = $(window); 

    $viewport.scroll(function(){
     $header.css({
         left: -$(this).scrollLeft()
     });

    });
});
</script>

<div id="header"></div>
<table>
<thead>
<tr>
<th>Время</th>
<th>Иванов</th>
<th>Петров</th> 
<th>Сидоров</th> 
</tr>
</thead>


<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
<tr>
<td>Время</td>
<td>Время</td> 
<td>Время</td> 
</tr>
</table>
</body></html>
Ответить с цитированием