Тег <colgroup></colgroup>



Этот тег определяет группу колонок.



Аргумент Значение
span value




index.html
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  • </head>
  • <body>
  •  <table>
  •   <colgroup>
  •    <col span="2" width="200" />
  •   </colgroup>
  •   <tr>
  •    <th>English</th>
  •    <th>Russian</th>
  •   </tr>
  •   <tr>
  •    <td>Hello World!</td>
  •    <td>Привет Мир!</td>
  •   </tr>
  •   <tr>
  •    <td>To be or not to be?</td>
  •    <td>Быть или не быть?</td>
  •   </tr>
  •  </table>
  • <script>
  •  $(document).ready(function () {
  •   $("table").css("border-collapse", "collapse").css("border", "solid 1px");
  •   $("th").css("border-collapse", "collapse").css("border", "solid 1px");
  •   $("td").css("border-collapse", "collapse").css("border", "solid 1px").css("vertical-align", "top").css("text-align", "center");
  •  });
  • </script>
  • </body>
  • </html>
  • <!DOCTYPE html>
  • <html>
  • <head>
  •  <meta charset="utf-8" />
  •  <title>New Page</title>
  •  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  • </head>
  • <body>
  •  <table>
  •   <colgroup>
  •    <col span="2" width="200" />
  •   </colgroup>
  •   <tr>
  •    <th>English</th>
  •    <th>Russian</th>
  •   </tr>
  •   <tr>
  •    <td>Hello World!</td>
  •    <td>Привет Мир!</td>
  •   </tr>
  •   <tr>
  •    <td>To be or not to be?</td>
  •    <td>Быть или не быть?</td>
  •   </tr>
  •  </table>
  • <script>
  •  $(document).ready(function () {
  •   $("table").css("border-collapse", "collapse").css("border", "solid 1px");
  •   $("th").css("border-collapse", "collapse").css("border", "solid 1px");
  •   $("td").css("border-collapse", "collapse").css("border", "solid 1px").css("vertical-align", "top").css("text-align", "center");
  •  });
  • </script>
  • </body>
  • </html>