Показать сообщение отдельно
  #4 (permalink)  
Старый 19.07.2015, 17:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Arukueido,
код взят из предыдущего сообщения, ничем более помочь не могу ... кликать по K1...K2...МОЭВС4
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 table, th{
   border: 1px solid Black;
 }

  </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    var $thfirst = $("thead tr:first th");
        $thlast = $("thead tr:last th"),
        $two = 0;
    $thfirst.each(function(indx, el) {
        var $c = this.colSpan,
            $r = this.rowSpan,
            $text = $(el).text(),
            $th;
        $r == 1 && ($th = $thlast.slice($two, $two + $c), $two += $c, $th.each(function() {
            $(this).click(function() {
                alert($text)
            })
        }));
    })
});  </script>

</head>

<body>
<table width="400" summary="" >
	<thead bgColor="white">
				<TR>
					<th  colspan = 1 ROWSPAN=2 class="id1" style="display: table-cell;">Имя</th>
					<th  colspan = 1 ROWSPAN=2 class="id2" style="display: table-cell;">Фамилия</th>
					<th COLSPAN=3  class="id3" class="id3" style="display: table-cell;">Коэффициенты</th>
					<th  colspan = 1 ROWSPAN=2 class="id4" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id5" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id6" style="display: table-cell;">Время прибытия</th>
					<th COLSPAN=4  class="id7" class="id7" style="display: table-cell;">Коэффициенты 2</th>
					<th  colspan = 1 ROWSPAN=2 class="id8" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id9" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id10" style="display: table-cell;">Время прибытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id11" style="display: table-cell;">Время регистрации</th>
					<th  colspan = 1 ROWSPAN=2 class="id12" style="display: table-cell;">Время отбытия</th>
					<th  colspan = 1 ROWSPAN=2 class="id13" style="display: table-cell;">Время прибытия</th>
				</TR>
				<TR>
					<th   name="id14" class="id3" style="display: table-cell;"><div class="vertical">К1</div></th>
					<th   name="id15" class="id3" style="display: table-cell;"><div class="vertical">К2</div></th>
					<th   name="id16" class="id3" style="display: table-cell;"><div class="vertical">К3</div></th>
					<th   name="id17" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС1</div></th>
					<th   name="id18" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС2</div></th>
					<th   name="id19" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС3</div></th>
					<th   name="id20" class="id7" style="display: table-cell;"><div class="vertical">МОЭВС4</div></th>
				</TR>
			</thead>

	<tbody>

	</tbody>
</table>
</body>

</html>

Последний раз редактировалось рони, 19.07.2015 в 20:29.
Ответить с цитированием