Html объединить ячейки таблицы: Объединение ячеек | htmlbook.ru

Содержание

Объединение ячеек | htmlbook.ru

Для объединения двух и более ячеек в одну используются атрибуты colspan и rowspan тега <td>. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, <td colspan=»3″> заменяет три ячейки, поэтому в следующей строке должно быть три тега <td> или конструкция вида <td colspan=»2″>…</td><td>…</td>. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки. В примере 12.3 приведен хотя и валидный, но неверный код, в котором как раз проявляется подобная ошибка.

Пример 12.3. Неверное объединение ячеек

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <title>Неправильное использование colspan</title>
 </head>
 <body>
   <table border="1" cellpadding="5">
    <tr>
     <td colspan="2">Ячейка 1</td>
     <td>Ячейка 2</td>
    </tr>
    <tr>
     <td>Ячейка 3</td>
     <td>Ячейка 4</td>
    </tr>
   </table>
 </body>
</html>

Результат данного примера показан на рис. 12.5.

Рис. 12.5. Появление дополнительной ячейки в таблице

В первой строке примера задано три ячейки, две из них объединены с помощью атрибута colspan, а во второй строке добавлено только две ячейки. Из-за этого возникает дополнительная ячейка, которая отображается в браузере. Ее хорошо видно на рис. 12.5.

Правильное использование атрибутов colspan и rowspan продемонстрировано в примере  12.4.

Пример 12.4. Объединение ячеек по вертикали и горизонтали

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Объединение ячеек</title>
 </head>
 <body>
  <table border="1" cellpadding="4" cellspacing="0">
   <tr>
    <td rowspan="2">Браузер</td>
    <th colspan="2">Internet  Explorer</th>
    <th colspan="3">Opera</th>
    <th colspan="2">Firefox</th>
   </tr>
   <tr>
    <th>6.0</th><th>7.0</th><th>7.0</th><th>8.0</th><th>9.0</th><th>1.0</th><th>2.0</th>
   </tr>
   <tr align="center">
    <td>Поддерживается</td>
    <td>Нет</td><td>Да</td><td>Нет</td><td>Да</td><td>Да</td><td>Да</td><td>Да</td>
   </tr>
  </table>
 </body>
</html>

Результат данного примера показан на рис. 12.6.

Рис. 12.6. Таблица с объединенными ячейками

В данной таблице установлено восемь колонок и три строки. Часть ячеек с надписями «Internet Explorer» , «Opera» и «Firefox» объединены где по две, а где и по три ячейки. В ячейке с надписью «Браузер» применено объединение по вертикали.

Как объединить ячейки в HTML-таблице горизонтально и вертикально: colspan и rowspan

При создании таблиц в HTML иногда необходимо объединить ячейки по горизонтали.

В HTML-таблице каждая ячейка ограничивается набором тегов <td> и </td>, между которыми размещается содержимое. Если вы не добавляете в тег <td> дополнительные атрибуты или стили CSS, то каждая ячейка по умолчанию будет занимать ровно один столбец.

Для HTML объединения ячеек необходимо добавить в строку меньше ячеек, чем в остальные строки и добавить атрибут colspan=» « внутри тега <td> ячейки, которую необходимо растянуть.

Рассмотрим простой пример HTML-таблицы с двумя строками и двумя столбцами (четыре ячейки). Ее HTML-код выглядит следующим образом:

<table>
<tr><td>содержимое</td><td>содержимое</td></tr>
<tr><td>содержимое</td><td>содержимое</td></tr>
</table>

Далее, если нужно объединить две ячейки в верхней строке, используйте атрибут <b>colspan=» «</b> следующим образом:

<table>
<tr><td colspan="2">содержимое</td></tr>
<tr><td> содержимое</td><td>содержимое</td></tr>
</table>

Ячейка в верхней строке теперь охватывает два столбца. Поскольку она занимает пространство двух ячеек, в первом ряду есть только один элемент td.

Можно осуществить объединение ячеек таблицы HTML в любой ее области с любым количеством столбцов. Одним из наиболее полезных применений объединения ячеек по горизонтали является создание заголовков таблицы. Если таблица имеет n столбцов, поместите атрибут colspan=»n» в первую ячейку верхнего ряда и удалите другие ячейки из этого ряда.

Атрибут rowspan=» » позволяет объединять ячейки по вертикали

Если нужно, чтобы ячейка охватывала несколько строк, следует добавить атрибут rowspan=» « внутри тега <td> той ячейки, которую необходимо растянуть по вертикали. В каждой строке под строкой, где начинается растянутая ячейка, нужно удалить одну ячейку, чтобы таблица была выровнена. Например, когда вы растягиваете ячейку на три строки, необходимо удалить по одной ячейке в следующих двух строках.

Рассмотрим простой пример HTML-таблицы с четырьмя ячейками, разделенными на две строки и два столбца. HTML-код:

<table>
<tr><td>содержимое</td><td>содержимое</td></tr>
<tr><td>содержимое</td><td>содержимое</td></tr>
</table>

Чтобы осуществить HTML table объединение ячеек по вертикали, добавьте для первой ячейки верхней строки атрибут rowspan=»2″, а затем удалите одну из ячеек в нижнем ряду. HTML-код теперь будет выглядеть следующим образом:

<table>
<tr><td rowspan="2">stuff</td><td>содержимое</td></tr>
<tr><td>содержимое</td></tr>
</table>

Можно комбинировать горизонтальное и вертикальное объединение ячеек в одной таблице, как показано на рисунке слева. Одна ячейка даже может охватывать несколько строк и столбцов, как показано на рисунке справа. HTML-код для каждой таблицы приведен ниже:

Способы комбинирования rowspan и colspan для создания пользовательских HTML-таблиц с ячейками, которые охватывают несколько строк и столбцов

Код:

<table>
<tr>
<td rowspan="3">span 3 rows</td>
<td colspan="3">span 3 columns</td>
</tr>
<tr>
<td>H</td>
<td>T</td>
<td rowspan="2">span 2 rows</td>
</tr>
<tr>
<td>M</td>
<td>L</td>
</tr>
<tr>
<td colspan="4">span 4 columns</td>
</tr>
</table>

<table>
<tr>
<td rowspan="2" colspan="2">span 2 rows and 2 columns</td>
<td>T</td>
</tr>
<tr>
<td>A</td>
</tr>
<tr>
<td>E</td>
<td>L</td>
<td>B</td>
</tr>
</table>

Объединение ячеек по вертикали HTML в одном столбце можно использовать, если нужно создать заголовок для группы строк, примыкающих к этому столбцу. Это также может помочь разделить группы строк по типу.

При представлении данных на сайте в табличном формате, чем лучше вы организуете данные по подгруппам, тем проще пользователям анализировать и обрабатывать эти данные. Разделители пространства помогают нам анализировать вещи более эффективно. Также можно использовать для столбцов цветовой код, чтобы их было еще проще визуально идентифицировать:


Перевод статей «How to Combine Cells Horizontally in an HTML Table Colspan», «How to Combine Cells Vertically in an HTML Table: Rowspan» был подготовлен дружной командой проекта Сайтостроение от А до Я.

телеграм канал. Подпишись, будет полезно!

Объединение ячеек | WebReference

Объединение ячеек по горизонтали или вертикали используется в случае сложных табличных данных, для этого применяются атрибуты colspan и rowspan у элемента <td> или <th>. Атрибут colspan устанавливает число ячеек объединяемых по горизонтали. Аналогично работает и атрибут rowspan, с тем лишь отличием, что объединяет ячейки по вертикали. Перед добавлением атрибутов проверьте число ячеек в каждой строке, чтобы не возникло ошибок. Так, colspan=»3″ объединяет три ячейки, поэтому в следующей строке должно быть три элемента <td> или два <td>, из которых один охватывает две ячейки. Если число ячеек в каждой строке не будет совпадать, появятся пустые фантомные ячейки (рис. 1).

Рис. 1. Появление дополнительной ячейки в таблице

Правильное использование атрибутов colspan и rowspan продемонстрировано в примере 1.

Пример 1. Объединение ячеек по вертикали и горизонтали

<!DOCTYPE html> <html> <head> <meta charset=»utf-8″> <title>Объединение ячеек</title> <style> table { border-collapse: collapse; /* Убираем двойные линии */ width: 100%; /* Ширина таблицы */ } td { border: 1px solid #333; /* Параметры границ */ padding: 4px; /* Поля в ячейках */ text-align: center; /* Выравнивание по центру */ } </style> </head> <body> <table> <tr> <td rowspan=»2″>Вид соединения</td> <td colspan=»2″>Поля допусков ширины шпоночного паза</td> </tr> <tr> <td>Вал</td> <td>Втулка</td> </tr> <tr> <td>Свободное</td> <td>H9</td> <td>D10</td> </tr> <tr> <td>Нормальное</td> <td>N9</td> <td>I<sub>s</sub>9</td> </tr> <tr> <td>Плотное</td> <td colspan=»2″>P9</td> </tr> </table> </body> </html>

Результат данного примера показан на рис. 2.

Рис. 2. Таблица с объединёнными ячейками

В данной таблице установлено три колонки и три строки. Первые две ячейки объединены по вертикали, а следующие две — по горизонтали.

Автор и редакторы

Автор: Влад Мержевич

Последнее изменение: 11.03.2020

Редакторы: Влад Мержевич

seodon.ru | Учебник HTML — Объединение ячеек таблицы

Опубликовано: 29.09.2010 Последняя правка: 08.12.2015

Очень часто при использовании HTML-таблиц возникает необходимость в объединении ячеек по горизонтали или вертикали. Такое объединение позволяет более четко и удобно структурировать табличные данные, облегчая восприятие информации пользователями и давая разработчикам более широкие возможности по воплощению своих идей. А иногда без объединения ячеек таблиц просто не обойтись.

Как вы знаете, за создание ячеек HTML-таблиц отвечают теги <TD> и <TH>, соответственно именно у них имеются атрибуты для объединения ячеек. Это colspan и rowspan.

Объединение ячеек по горизонтали

Для объединения ячеек по горизонтали вы должны указать в теге <TD> или <TH> атрибут colspan, его значением является любое положительное число, показывающее, сколько ячеек, начиная с текущей, объединены. При этом в самом ряде (строке) таблицы надо меньшее количество тегов ячеек, чтобы сохранилась структура таблицы.

Пример объединения ячеек по горизонтали

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Объединение ячеек в HTML-таблице</title>
</head>
<body>

 <table border="2">
  <tr><td colspan="2">Ячейки 1.1 и 1.2</td><td>Ячейка 1.3</td></tr>
  <tr><td>Ячейка 2.1</td><td>Ячейка 2.2</td><td>Ячейка 2.3</td></tr>
  <tr><td colspan="3">Ячейки 3.1 - 3.3</td></tr>
 </table>
 
</body>
</html>

Результат в браузере

Ячейки 1.1 и 1.2Ячейка 1.3
Ячейка 2.1Ячейка 2.2Ячейка 2.3
Ячейки 3.1 — 3.3

Объединение ячеек по вертикали

Для вертикального объединения ячеек в тегах <TD> и <TH> используется атрибут rowspan. Его значением тоже является число, показывающее количество объединенных ячеек и также в столбце указывается меньшее количество тегов ячеек.

Пример объединения ячеек по вертикали

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Объединение ячеек в HTML-таблице</title>
</head>
<body>
 <table border="2">
  <tr><td rowspan="2">Ячейки 1.1 и 2.1</td><td>Ячейка 1.2</td></tr>
  <tr><td>Ячейка 2.2</td></tr>
  <tr><td>Ячейка 3.1</td><td>Ячейка 3.2</td></tr>
 </table>
 </body>
</html>

Результат в браузере

Ячейки 1.1 и 2.1Ячейка 1.2
Ячейка 2.2
Ячейка 3.1Ячейка 3.2

Одновременно вертикальное и горизонтальное объединения

Естественно ячейки HTML-таблиц можно объединять по вертикали и горизонтали одновременно, но здесь есть одно очень важное правило — объединять можно только равноценные ячейки. Например, если у вас есть ячейка состоящая из двух горизонтальных, то по вертикали ее можно объединить только точно с такой же.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Объединение по вертикали и горизонтали</title>
</head>
<body>

 <table border="2">
  <tr><td colspan="2" rowspan="2">Ячейки 1.1, 1.2 и 2.1, 2.2</td><td>Ячейка 1.3</td></tr>
  <tr><td>Ячейка 2.3</td></tr>
  <tr><td>Ячейка 3.1</td><td>Ячейка 3.2</td><td>Ячейка 3.3</td></tr>
 </table>
 
 </body>
</html>

Результат в браузере

Ячейки 1.1, 1.2 и 2.1, 2.2Ячейка 1.3
Ячейка 2.3
Ячейка 3.1Ячейка 3.2Ячейка 3.3

Домашнее задание.

Объединение ячеек таблиц — довольно запутанная магия, поэтому ваше задание будет посвящено только этому.

  1. Посмотрите результат задания и полностью повторите.

Раз домашнее задание такое маленькое, то давайте опять проверим ваши теоретические знания.

  1. К какому типу HTML-элементов относятся ссылки, изображения, таблицы и тег <STYLE>?
  2. Какие типы тегов могут и не могут содержать элементы <BODY>, <TABLE> и ячейки таблицы?
  3. Если в одном теге используется несколько разных значений атрибута style, то как их надо указывать?
  4. Если таблица состоит из двух одинаковых столбцов, браузер определил ее ширину, как равную 600px, при этом cellspacing=»20″, а cellpadding=»10″, то чему равна указанная в тегах ширина ячеек и их реальная ширина?
  5. Что произойдет, если в ячейку таблицы шириной 100 пикселей поместить изображение шириной 200 пикселей?

Посмотреть результат → Посмотреть ответ

Объединение ячеек в таблице по горизонтали и по вертикали

Смежные ячейки в таблице могут объединяться по горизонтали или вертикали с целью размещения большего объема данных. Например, в таблице из четырех строк и четырех столбцов все ячейки в первой строке можно объединить и поместить в этой строке красивый заголовок. Возможно также объединение нескольких строк или столбцов.

Для объединения ячеек по горизонтали, то есть объединение идущих друг за другом ячеек в строке таблицы, используется атрибут colspan, в значении задается число смежных ячеек в строке, которое вы хотите объединить.

Для объединения ячеек по вертикали, то есть объединение расположенных друг под другом ячеек в столбце таблицы, используется атрибут rowspan, в значении задается число смежных ячеек столбца, которое вы хотите объединить:


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Заголовок страницы</title>
  </head>
  <body>

    <h5>Объединим две ячейки в строке таблицы:</h5>
    <table border="1">
      <tr>
        <th>Имя</th><th colspan="2">Телефон</th>
      </tr>
      <tr>
        <td>Петя Иванов</td><td>123 45 67</td><td>234 56 78</td>
      </tr>
    </table>
	 
    <h5>Объединим две ячейки в столбце таблицы:</h5>
    <table border="1">
      <tr>
        <th>Имя</th><td>Петя Иванов</td>
      </tr>
      <tr>
        <th rowspan="2">Телефон</th><td>123 45 67</td>
      </tr>
      <tr><td>234 56 78</td></tr>
    </table>

  </body>
</html>
Попробовать »

С этой темой смотрят:

Как создать таблицу в HTML, как объединить ячейки таблицы

Назначение таблиц

Таблицы в HTML имеют две функции. Первая — это собственно таблицы, то есть вывод информации в виде таблицы. А вторая — это вёртска страницы. Отдельные части контента размещаются в разных ячейках таблицы и таким образом оказываются в нужном месте страницы. Табличная вёрстка устарела и почти не используется.

Создание таблицы

Рассмотрим, как создать таблицу в HTML. Это делается с помощью тэга <table>. Таблицы состоят из строк, внутри которых находятся ячейки. Эти ячейки и содержат контент таблицы. Тэг <tr> добавляет в таблицу строку, а тэг <td> добавляет в строку ячейку. Не забывайте, что тэги нужно закрывать. Для примера создадим такую таблицу:

строка 1 ячейка 1 строка 1 ячейка 2
строка 2 ячейка 1 строка 2 ячейка 2

Вот код такой таблицы:

+

8
9
10
11
12
13
14
15
16
17

<table border="1">
  <tr>
    <td>строка 1 ячейка 1</td>
    <td>строка 1 ячейка 2</td>
  </tr>
  <tr>
    <td>строка 2 ячейка 1</td>
    <td>строка 2 ячейка 2</td>
  </tr>
</table>

Для того, чтобы были видны рамки таблицы, тэгу <table> был задан атрибут border, но в HTML5 этот атрибут считается устаревшим, и использование его не желательно. Кроме того, есть и другие атрибуты для работы с рамками и изменения фона, а так же у ячеек есть атрибуты для выравнивания контента. Все эти атрибуты также нежелательны, вместо них нужно использовать стили.

Объединение ячеек таблицы

Есть возможность объединить ячейки таблицы в одну. Для этого у тэга <td> есть атрибут colspan, который объединяет ячейки внутри одной строки, а также атрибут rowspan, который объединяет ячейки из разных строк. Значением этих атрибутов является количество объединяемых ячеек.

Создадим такую таблицу:

строка 1 ячейка 1 строка 1 ячейка 2
Объединённая ячейка

Код такой таблицы выглядит так:

17
18
19
20
21
22
23
24
25

</table>
<table border="1">
  <tr>
    <td>строка 1 ячейка 1</td>
    <td>строка 1 ячейка 2</td>
  </tr>
  <tr>
    <td colspan="2">Объединённая ячейка</td>
</tr></table>

Обратите внимание, во второй строке таблицы одна ячейка занимает место двух ячеек. Поэтому общее количество ячеек в этой строке будет меньше, чем в других, в данном случае, одна.

Теперь создадим такую таблицу:

строка 1 ячейка 1 Объединённая ячейка
строка 2 ячейка 1

Код у этой таблицы такой:

27
28
29
30
31
32
33
34

<table border="1">
  <tr>
    <td>строка 1 ячейка 1</td>
    <td rowspan="2">Объединённая ячейка</td>
  </tr>
  <tr>
    <td>строка 2 ячейка 1</td>
</tr></table>

Дополнительные табличные тэги

Кроме тех тэгов, которые мы использовали, есть ещё тэги, которые также используются при создании таблицы.

<th> — заголовочная ячейка. Обычно находятся в первой строке таблицы. Используются для создания названия колонки таблицы. От тэга <td> отличается только жирным шрифтом и выравниванием по центру.

<caption> — находится внутри тэга <table>, добавляет заголовок таблицы.

<thead> — cодержит несколько первых строк таблицы для указания особого стиля. Такой тэг может быть только один в таблице. Строки, которые он содержит, должны начинаться с самой первой строки.

<tbody> — содержит несколько строк таблицы для указания особого стиля. Таких тегов в таблице может быть несколько.

<tfoot> — содержит строки таблицы, которые отобразятся в самом низу таблицы.

<col> — определяет стиль для одной колонки таблицы, начиная с первой. То есть первый такой тэг укажет стиль для первой колонки, второй тэг для второй колонки и так далее. Работает по-разному в разных браузерах.

Объединение ячеек таблицы.

Урок 11.

В этом уроке продолжаем изучать таблицы, а именно мы рассмотрим еще два атрибута для тега &lttd&gt, которые отвечают за объединение ячеек. Посмотрев на рисунок ниже, Вы поймете о каком объединении пойдет речь.

Таблица изображенная слева, имеет обычную структуру. У правой таблицы в первой строке две ячейки объединены между собой, образуя одну большую ячейку.

Применение этих атрибутов немного сложнее, чем применение других. Именно по этому им отведен отдельный урок.

Атрибут colspan.

Атрибут colspan используется для объединения ячеек по горизонтали. В значении атрибута указывается число ячеек объединяемых в одну.

Внимание! Очень важно, чтобы общее количество объединенных и обычных ячеек одной строки было равно общему количеству ячеек другой строки. Рассмотрим в качестве примера правую таблицу первого рисунка. Верхняя строка содержит в себе только одну большую ячейку состоящую из двух обычных, а нижняя строка содержит в себе две обычных ячейки.
Ниже представлен вариант правильно написанного кода:

Пояснения к коду:
Верхняя строка &lttr&gt имеет одну ячейку &lttd&gt, для которой прописан атрибут colspan со значением 2. Это значит, что данная ячейка объединяет в себе 2 ячейки, соответственно эта ячейка заменяет 2 ячейки. Вторая строка &lttr&gt имеет 2 обычные ячейки &lttd&gt.
Получается, что в верхней строке у нас две объединенных между собой ячейки, а в нижней строке две обычные ячейки. Количество равное, значит код написан верно.

Теперь пример кода с распространенной ошибкой:

Пояснения к коду:
Ошибка в том, что первая строка &lttr&gt содержит не две ячейки &lttd&gt, а три, в то время как вторая строка &lttr&gt содержит две ячейки &lttd&gt.
Смотря на код, визуально кажется, что количество ячеек в строках одинаковое, так как кол-во тегов &lttd&gt одинаковое. Но один из тегов &lttd&gt имеет атрибут colspan со значением 2, это значит, что эта одна ячейка занимает место двух.

Атрибут rowspan.

Атрибут rowspan используется для объединения ячеек по вертикали. Принцип действия точно такой же как и у атрибута colspan.

Пояснения к коду:
Верхняя строка &lttr&gt имеет три ячейки &lttd&gt, для одной из них прописан атрибут rowspan со значением 3. Это значит, что данная ячейка объединяет в себе 3 ячейки (которой задан атрибут + 2 нижних ячейки по вертикали). Как я уже сказал, первая строка имеет 3 ячейки, это значит, что и нижние две строки должны иметь тоже по три ячейки. Глядя на код, мы видим, что нижние две строки &lttr&gt имеют лишь по две ячейки &lttd&gt, но не стоит забывать, что первая ячейка верхней строки заняла свое место + еще место двух ячеек находящихся под ней. Это значит, что общее количество ячеек в каждой из отдельной строки равно трем.

Понимаю, тема объединения ячеек для многих может показаться запутанной. Чтобы хорошо усвоить данный материал, необходимо попрактиковаться. Создайте несколько не сложных таблиц и примените к ним атрибуты colspan и rowspan самостоятельно.

Вы что-то не поняли из этого урока? Спрашивайте!
[email protected]

ВАДИМ, ТЫ ОЧЕНЬ СИЛЬНО МНЕ ПОМОГ, Я ХОЧУ ОТБЛАГОДАРИТЬ ТЕБЯ

html — объединить ячейки с помощью Javascript

Переполнение стека
  1. Около
  2. Продукты
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
  5. Реклама Обратитесь к разработчикам и технологам со всего мира
  6. О компании

Загрузка…

.

Объединить два листа Excel, сопоставить и обновить данные

Надстройка мастера объединения таблиц может сопоставлять и объединять данные двух листов Excel за секунды. Этот интеллектуальный инструмент является простой для понимания и удобной в использовании альтернативой функциям Excel Vlookup / Index + Match.

Видео: как объединить две таблицы в Excel

Перед тем, как начать

Экземпляры Excel

Откройте книги Excel, содержащие таблицы, которые вы собираетесь сравнить.Обе таблицы должны быть открыты в одном экземпляре Excel.

Скрытые строки

Если у вас есть скрытые строки в основной и справочной таблицах, они не будут обрабатываться.

Резервные копии

Обратите внимание на флажок Создать резервную копию рабочего листа . Мы рекомендуем оставить этот параметр выбранным, поскольку Excel не позволяет отменять изменения, внесенные надстройками.

Как использовать мастер объединения таблиц

Начать объединение таблиц

На вкладке Ablebits Data в группе Объединить щелкните значок Объединить две таблицы :

Шаг 1. Выберите основную таблицу

Основная таблица — это таблица, которую вы объединяете с таблицей поиска.Ваши данные будут обновляться только в основной таблице.

Есть 4 способа выбрать основную таблицу:

Примечание. Если у вас включен стандартный параметр автоматического фильтра Excel , надстройка будет соответствовать только видимым отфильтрованным строкам. Если вам нужно обновить всю таблицу, отключите фильтр перед запуском надстройки.

Нажмите кнопку Далее в диалоговом окне мастера объединения таблиц, чтобы продолжить.

Шаг 2: Выберите таблицу поиска

Таблица поиска — это рабочий лист или диапазон, в котором вы ищите (просматриваете) совпадающие данные.Надстройка будет извлекать информацию из этой таблицы. Таблица поиска остается нетронутой после того, как надстройка объединит две таблицы.

На этом этапе вы видите все открытые книги и рабочие листы в области Выберите свою таблицу поиска . Выберите рабочий лист Excel с таблицей поиска, и надстройка выделит используемый диапазон.

Наконечник. Вы можете редактировать диапазон, щелкнув значок Выбрать диапазон или просто используя курсор мыши, чтобы выбрать его в своей таблице.

Шаг 3. Выберите соответствующие столбцы

В ваших таблицах может быть несколько общих столбцов. Ключевые столбцы — это важные столбцы, которые позволяют вам идентифицировать одни и те же записи в ваших таблицах, например идентификаторы или комбинацию имени и фамилии. Обратите внимание, что значения в этих столбцах только сравниваются; вы сможете выбрать столбцы для обновления на следующем шаге.

Здесь вы можете увидеть таблицу со списком всех столбцов, которые есть на вашем основном листе. Установите флажки рядом со столбцами, которые нужно сравнивать.После выбора надстройка автоматически выберет столбец с совпадающим заголовком в таблице поиска, если она есть. Если совпадений нет, выберите его в раскрывающемся списке Столбцы подстановочной таблицы .

  1. Если в ваших таблицах есть строки заголовков, выберите Основная таблица имеет заголовки и / или Таблица поиска имеет заголовки флажки. Если у ваших таблиц нет заголовков, снимите эти поля. В этом случае будет отображаться содержимое первой строки, чтобы помочь вам сопоставить правильные записи.
  2. Если для вас важен регистр текста в ключевых столбцах, установите флажок Соответствие с учетом регистра вверху. Это проинструктирует мастер объединения таблиц различать прописные и строчные буквы в сравниваемых значениях.
  3. Нажмите Автоматический выбор , чтобы все столбцы были выбраны как совпадающие. Если вы отметили Основная таблица имеет заголовки и / или Подстановочная таблица имеет заголовки флажки, будут выбраны только столбцы с соответствующими заголовками.
  4. Нажатие Снять выделение со всех снимет выделение со всех столбцов.

Наконечник. Если у вас много столбцов в таблицах, вы можете развернуть окно мастера, перетащив правый нижний угол вниз и вправо, пока не получите подходящий размер.

Нажмите Далее , чтобы продолжить.

Шаг 4: Выберите столбцы для обновления в основной таблице

На этом этапе выберите столбцы, которые вы хотите обновить в основной таблице, и выберите соответствующие столбцы из таблицы поиска с новыми значениями:

Вы также можете нажать кнопку Автоматический выбор , чтобы выбрать все совпадающие столбцы сразу.Нажмите Снять выделение со всех , чтобы снять выделение со всех столбцов.

Наконечник. Если в вашей таблице много столбцов, счетчик в нижней части окна надстройки поможет вам отслеживать, сколько столбцов вы выбрали.

Нажмите Next , чтобы продолжить.

Шаг 5: Выберите столбцы для добавления в основную таблицу

Если в вашей таблице поиска есть новые записи, вы можете добавить их на свой основной лист на этом шаге. Вы увидите список столбцов таблицы поиска, которые не были выбраны в качестве источника для сравнения или обновления на предыдущих шагах.

Установите флажки рядом со столбцами, которые вы хотите вставить в основной рабочий лист:

Выберите или отмените выбор всех столбцов одновременно с помощью кнопок Выбрать все и Отменить выбор всех соответственно.

Шаг 6: Выберите дополнительные параметры объединения

Последний шаг предлагает расширенные параметры, которые позволяют точно настроить слияние. Все эти параметры применяются к основной таблице:

Добавить строки и столбцы
  • Добавить несовпадающие строки в конец основной таблицы
    Несовпадающие — это строки со значениями ключей, которых нет на вашем основном рабочем листе.

    Например, вы сопоставляете таблицы по столбцу с идентификаторами. Основная таблица имеет идентификаторы от 1 до 15. Таблица поиска содержит идентификаторы от 1 до 20. Таким образом, идентификаторы от 16 до 20 в вашей таблице поиска не совпадают. При выборе Добавить несовпадающие строки в конец основной таблицы , строки с такими значениями будут вставлены после всех строк в соответствующих столбцах основной таблицы:

  • Вставить дополнительные совпадающие строки
    Выберите этот параметр, чтобы добавить строки с повторяющимися значениями ключей, которые могут содержать уникальную информацию в других столбцах.Вы можете вставить дополнительные совпадающие строки в конец таблицы или после строки с тем же значением в ключевом столбце.
    • Присоедините повторяющиеся строки после всех данных в основной таблице, выбрав В конце основной таблицы вариант:
    • Или вставьте дополнительные строки из таблицы поиска сразу после того же значения ключа в основной таблице и сгруппируйте все дубликаты. Для этого выберите После строки с тем же значением ключа :
      Совет. Вы можете запустить «Объединить дубликаты», чтобы объединить эти строки и сохранить всю уникальную информацию на месте.
  • Установить цвет фона для всех добавленных строк
    Выберите этот параметр, чтобы пометить добавленные строки цветом фона.
  • Добавить столбец статуса
    Если вы отметите этот параметр, надстройка добавит новый столбец в вашу основную таблицу и пометит строки как Соответствующие, Соответствующие и обновленные или Новая строка.
Обновить ячейки в основной таблице

Эта группа позволяет указать, как поступать с пустыми ячейками в основной таблице.

  • Только пустые ячейки
    Если у вас есть важная информация в обновляемом столбце, выберите этот параметр, чтобы заполнить только пустые ячейки. Существующие значения в вашей основной таблице не будут перезаписаны при выборе этого параметра.
  • Только если ячейки в таблице поиска содержат данные
    Выберите этот вариант, если у вас могут быть пустые ячейки в таблице поиска и вы не хотите, чтобы они перезаписывали существующие значения в основной таблице.
Выделить ячейки

Вы можете выделить цветом все обновленные записи в основной таблице, отметив этот флажок и выбрав соответствующий оттенок из раскрывающегося списка.Таким образом, вы легко увидите изменения после объединения таблиц.

Выбрав все необходимые параметры, нажмите кнопку Finish и наслаждайтесь результатами.

.

Как я могу объединить две или более таблиц?

Вы можете объединить (объединить) строки из одной таблицы в другую, просто вставив данные в первые пустые ячейки под целевой таблицей. Таблица увеличится в размере, чтобы включить новые строки. Если строки в обеих таблицах совпадают, вы можете объединить столбцы одной таблицы с другой, вставив их в первые пустые ячейки справа от таблицы. В этом случае таблица также увеличится, чтобы вместить новые столбцы.

Объединение строк на самом деле довольно просто, но объединение столбцов может быть сложным, если строки одной таблицы не соответствуют строкам в другой таблице.Используя ВПР, вы можете избежать некоторых проблем с выравниванием.

Объединение двух таблиц с помощью функции ВПР

В примере, показанном ниже, вы увидите две таблицы, у которых ранее были другие имена для новых имен: «Синий» и «Оранжевый». В синей таблице каждая строка представляет собой позицию для заказа. Итак, заказ с идентификатором 20050 состоит из двух элементов, с идентификатором заказа 20051 — с одним элементом, с идентификатором заказа 20052 — с тремя элементами и т. Д. Мы хотим объединить столбцы «Идентификатор продаж» и «Регион» с синей таблицей на основе совпадающих значений в столбцах «Идентификатор заказа» оранжевой таблицы.

Значения идентификатора заказа повторяются в синей таблице, но значения идентификатора заказа в оранжевой таблице уникальны. Если бы мы просто скопировали и вставили данные из оранжевой таблицы, значения идентификатора продаж и региона для второй позиции заказа 20050 были бы отключены на одну строку, что изменило бы значения в новых столбцах синего Таблица.

Вот данные для синей таблицы, которые вы можете скопировать на пустой лист. Вставив его на рабочий лист, нажмите Ctrl + T, чтобы преобразовать его в таблицу, а затем переименуйте таблицу Excel в синий.

Номер заказа

Дата продажи

Идентификатор продукта

20050

02.02.14

C6077B

20050

02.02.14

C9250LB

20051

02.02.14

M115A

20052

03.02.14

A760G

20052

03.02.14

E3331

20052

03.02.14

SP1447

20053

03.02.14

L88M

20054

04.02.14

S1018MM

20055

05.02.14

C6077B

20056

06.02.14

E3331

20056

06.02.14

D534X

Вот данные для таблицы Orange.Скопируйте его на тот же рабочий лист. Вставив его на рабочий лист, нажмите Ctrl + T, чтобы преобразовать его в таблицу, а затем переименуйте таблицу в Оранжевый.

Номер заказа

Идентификатор продажи

Регион

20050

447

Запад

20051

398

Юг

20052

1006

Север

20053

447

Запад

20054

885

Восток

20055

398

Юг

20056

644

Восток

20057

1270

Восток

20058

885

Восток

Нам необходимо убедиться, что значения идентификатора продажи и региона для каждого заказа правильно совпадают с каждой уникальной позицией заказа.Для этого вставим заголовки таблицы «Идентификатор продаж» и «Регион» в ячейки справа от синей таблицы и воспользуемся формулами ВПР, чтобы получить правильные значения из столбцов «Идентификатор продаж» и «Регион» оранжевой таблицы.

Вот как:

  1. Скопируйте заголовки «Идентификатор продаж» и «Регион» в оранжевой таблице (только эти две ячейки).

  2. Вставьте заголовки в ячейку справа от заголовка идентификатора продукта в синей таблице.

    Теперь синяя таблица состоит из пяти столбцов, включая новые столбцы «Идентификатор продаж» и «Регион».

  3. В синей таблице в первой ячейке под идентификатором продажи начните писать эту формулу:

    = ВПР (

  4. В синей таблице выберите первую ячейку в столбце «Идентификатор заказа», 20050.

    Частично заполненная формула выглядит так:

    Часть [@ [Order ID]] означает «получить значение в той же строке из столбца Order ID.«

    Введите запятую и выделите мышью всю оранжевую таблицу так, чтобы в формулу было добавлено «Оранжевый [# Все]».

  5. Введите еще одну запятую, 2, еще одну запятую и 0 — например:, 2,0

  6. Нажмите Enter, и заполненная формула будет выглядеть так:

    Оранжевая [#All] часть означает «просмотреть все ячейки в оранжевой таблице.«2 означает« получить значение из второго столбца », а 0 означает« вернуть значение, только если есть точное совпадение ».

    Обратите внимание, что Excel заполнил ячейки в этом столбце, используя формулу ВПР.

  7. Вернитесь к шагу 3, но на этот раз начните писать ту же формулу в первой ячейке под областью.

  8. На шаге 6 замените 2 на 3, чтобы заполненная формула выглядела так:

    Есть только одно различие между этой формулой и первой формулой — первая получает значения из столбца 2 оранжевой таблицы, а вторая — из столбца 3.

    Теперь вы увидите значения в каждой ячейке новых столбцов синей таблицы. Они содержат формулы ВПР, но будут отображать значения. Вы захотите преобразовать формулы ВПР в этих ячейках в их фактические значения.

  9. Выделите все ячейки значений в столбце «Идентификатор продаж» и нажмите Ctrl + C, чтобы скопировать их.

  10. Нажмите На главную > стрелку под Вставьте .

  11. В галерее «Вставить» щелкните Вставить значения .

  12. Выберите все ячейки значений в столбце «Регион», скопируйте их и повторите шаги 10 и 11.

    Теперь формулы ВПР в двух столбцах заменены значениями.

Подробнее о таблицах и ВПР

Нужна дополнительная помощь?

Вы всегда можете спросить эксперта в техническом сообществе Excel, получить поддержку в сообществе Answers или предложить новую функцию или улучшение в Excel User Voice.

.

Объединить или разделить ячейки в таблице

Объединить ячейки

Вы можете объединить две или более ячеек таблицы, расположенных в одной строке или столбце, в одну ячейку. Например, вы можете объединить несколько ячеек по горизонтали, чтобы создать заголовок таблицы, охватывающий несколько столбцов.

  1. Выберите ячейки, которые хотите объединить.

  2. В разделе Инструменты таблицы на вкладке Макет в группе Объединить щелкните Объединить ячейки .

Разделенные ячейки

  1. Щелкните ячейку или выберите несколько ячеек, которые нужно разделить.

  2. В разделе Инструменты таблицы на вкладке Макет в группе Объединить щелкните Разделить ячейки .

  3. Введите количество столбцов или строк, на которые вы хотите разделить выбранные ячейки.

Вы можете объединить две или более ячеек и их содержимое в одной строке или столбце в одну ячейку. Например, вы можете объединить несколько ячеек по горизонтали, чтобы создать заголовок таблицы, охватывающий несколько столбцов.

  1. Выберите ячейки, которые нужно объединить.

    Совет: Если у вашей таблицы нет границ, может быть полезно отобразить линии сетки.Щелкните в любом месте таблицы и на вкладке Layout (рядом с вкладкой Table Design ) щелкните View Gridlines .

  2. На вкладке Layout (рядом с вкладкой Table Design ) щелкните Merge Cells .

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Theme: Overlay by Kaira Extra Text
Cape Town, South Africa