Показать сообщение отдельно
  #9 (permalink)  
Старый 07.11.2013, 03:01
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

Synov_son,

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #myTable{border:5px ridge #73766f;border-collapse:collapse}
  #myTable thead,th{background:-webkit-linear-gradient(top right,#b8b9b1,#fff);background:-moz-linear-gradient(top right,#b8b9b1,#fff);background:-o-linear-gradient(top right,#b8b9b1,#fff);background:-ms-linear-gradient(top right,#b8b9b1,#fff);text-align:center;vertical-align:text-top;padding:10px;border-bottom:3px ridge #73766f;border-left:1px solid #73766f;border-collapse:collapse}
  #myTable td,tr{text-align:left;vertical-align:text-top;padding:10px;border:1px solid #73766f;border-collapse:collapse;background:#fff}
  </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.30.4/js/jquery.tablesorter.min.js"></script>
  <script>
  $(document)
     .ready(function () {
         $("#myTable")
             .tablesorter({
                 headers: {
                     0: {
                         sorter: false // запрет сортировки нулевой колонки средствами плагина
                     }
                 }
             });
         $('#select_all')
             .click(function (event) {
                 //event.stopPropagation()
                 var checkboxes = $('input[type="checkbox"]')
                     .not(this);
                 checkboxes.prop('checked', this.checked)
             });
     });
  </script>
</head>

<body>
  <table id="myTable"   >
<thead>
<tr>
    <th><input name="" type="checkbox" id="select_all"></th>
    <th>Фамилия</th>
    <th>Имя</th>
    <th>Email</th>
    <th>Платеж</th>
    <th>Сайт</th>
</tr>
</thead>
<tbody>
<tr>
    <td><input name="" type="checkbox"></td>
    <td>Иванов</td>
    <td>Петр</td>
    <td>ivanov@gmail.com</td>
    <td>$50.00</td>
    <td>http://www.ivanov.ua</td>
</tr>
<tr>
    <td><input name="" type="checkbox"></td>
    <td>Петров</td>
    <td>Иван</td>
    <td>petrov@yandex.ru</td>
    <td>$50.00</td>
    <td>http://www.petrov.com.ru</td>
</tr>
<tr>
    <td><input name="" type="checkbox"></td>
    <td>Сергеев</td>
    <td>Михаил</td>
    <td>sergeed@mail.ru</td>
    <td>$100.00</td>
    <td>http://www.sergeev.ru</td>
</tr>
<tr>
    <td><input name="" type="checkbox"></td>
    <td>Михайлов</td>
    <td>Потап</td>
    <td>medvedev@rambler.ru</td>
    <td>$50.00</td>
    <td>http://www.yandex.com</td>
</tr>
</tbody>
</table>
</body>

</html>

Последний раз редактировалось рони, 17.05.2018 в 10:21.
Ответить с цитированием