Представление содержимого в таблицах

Последнее обновление 27 апр. 2021 г.

Узнайте, как использовать таблицы для отображения содержимого веб-сайта, а также как разделять и объединять ячейки или импортировать и экспортировать табличные данные.

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

Примечание

Не рекомендуется использовать таблицы для создания макета веб-страницы.Попробуйте шаблоны для начинающих («Файл» > «Создать» > «Шаблоны для начинающих»), чтобы начать работу с готовыми макетами. Вы можете вставить собственный текст и изображения в эти макеты и стилизовать их с помощью CSS.

Приоритет форматирования таблиц в HTML

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

Форматирование таблицы имеет следующий порядок очередности.

  1. Ячейки
  2. Строки
  3. Таблица

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

Примечание

При установке свойств столбца Dreamweaver изменяет атрибуты тега td, соответствующего каждой ячейке в столбце.

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

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

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

Объединенные ячейки

Вставка таблицы и добавление содержимого

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

Поместите точку вставки туда, где должна появиться таблица.

Примечание

Если ваш документ пуст, вы можете поместить точку вставки только в начало документа.

  • Выберите пункт меню «Вставка» > «Таблица».

  • В категории HTML панели «Вставка» нажмите «Таблица».

Задайте атрибуты в диалоговом окне «Таблица» и нажмите «ОК» для создания таблицы.
Создание таблицы
Создание таблицы

Строки

Определяет число строк таблицы.

Столбцы

Определяет число столбцов таблицы.

Ширина таблицы

Указывает ширину таблицы в пикселях или в процентах от ширины окна браузера.

Толщина рамки

Задает толщину границ таблицы в пикселах.

Интервал ячеек

Определяет число пикселов между смежными ячейками таблицы.

Примечание

Если значения толщины границ или интервала между ячейками и их полей не заданы явно, то в большинстве браузеров толщина границ таблицы и поля ячеек будут равны 1, а интервал между ячейками — 2. Чтобы таблица отображалась в браузерах без границ, полей и интервалов, присвойте параметрам «Поля ячеек» и «Интервал ячеек» значение 0.

Поля ячеек

Определяет количество пикселей между границей ячейки и ее содержимым.

Нет.

Отключает заголовки столбцов или строк таблицы.

Слева

Делает первый столбец таблицы столбцом для заголовков, чтобы вы могли ввести заголовок для каждой строки таблицы.

Сверху

Делает первую строку таблицы строкой для заголовков, чтобы вы могли ввести заголовок для каждого столбца таблицы.

Оба

Позволяет вводить заголовки как для столбцов, так и для строк таблицы.

Примечание

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

Подпись

Предоставляет название таблицы, которое отображается вне таблицы.

Сводка

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

Импорт и экспорт таблиц

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

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

Примечание

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

Импорт табличных данных

Выберите «Файл» > «Импорт» > «Импорт табличных данных».

Укажите параметры табличных данных и нажмите «ОК».

Файл данных

Имя файла для импортирования. Нажмите кнопку «Обзор», чтобы выбрать файл.

Разделитель

Разделитель, используемый в импортируемом файле.

Если выбрать значение «Другой», справа от всплывающего меню появится текстовое поле. Введите разделитель, используемый в нужном файле.

Примечание

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

Ширина таблицы

Указывает ширину таблицы.

  • Чтобы в каждом столбце было достаточно места для самой длинной из строк текста, выберите вариант «Согласовать с данными».

  • Чтобы указать фиксированную ширину таблицы в пикселах или процентах от ширины окна браузера, выберите вариант «Задать».

Рамка

Задает толщину границ таблицы в пикселах.

Поля ячеек

Количество пикселей между содержимым ячейки и границами ячейки.

Интервал ячеек

Число пикселов между смежными ячейками.

Примечание

Если значения границ, интервала и полей ячеек не заданы явно, то в большинстве браузеров толщина границ и поля ячеек таблицы будут равны 1, а интервал ячеек — 2. Чтобы таблица отображалась в браузере без полей и интервалов, установите значения параметров «Поля ячеек» и «Интервал ячеек» равным 0. Для того чтобы границы таблицы и ячеек отображались при толщине границы, равной 0, выберите параметр меню «Просмотр» > «Вспомогательные элементы» > «Границы таблицы».

Форматировать первую строку

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

Экспорт таблицы

Поместите курсор в любую ячейку таблицы.
Выберите «Файл» > «Экспорт» > «Таблица».
Укажите следующие параметры:

Разделитель

Указывает, какой символ-разделитель следует использовать для разделения элементов в экспортированном файле.

Разрывы строк

Указывает, в какой операционной системе вы будете открывать экспортированный файл: Windows, Macintosh или UNIX. (В разных операционных системах используются разные способы обозначения конца строки текста.)

Нажмите кнопку «Экспорт».
Введите имя для файла и нажмите кнопку «Сохранить».

Выделение элементов таблицы

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

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

Примечание

Если вы наведете указатель на границу таблицы, а затем удерживаете клавишу CTRL (Windows) или COMMAND (Macintosh), выделится вся структура таблицы — то есть все ячейки в таблице. Это полезно при работе с вложенными таблицами, когда нужно увидеть структуру одной из таблиц.

Выделение всей таблицы

Выполните одно из следующих действий, чтобы выбрать таблицу:

  • Нажмите левый верхний угол таблицы, чтобы выбрать таблицу.
  • Нажмите в ячейку таблицы, затем выберите тег в селекторе тегов в левом нижнем углу окна документа.
  • Щелкните в ячейке таблицы, откройте меню заголовка таблицы и выберите команду «Выделить таблицу». Маркеры выделения появляются на левом и правом краях выделенной таблицы.
  • Щелкните в ячейке таблицы и выберите «Правка» > «Таблица» > «Выбрать таблицу».

Выберите отдельные или несколько строк или столбцов

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

Выделение отдельного столбца

Щелкните в столбце.
Щелкните меню заголовка столбца и выберите «Выбрать столбец».

Выделение отдельной ячейки

Выполните одно из следующих действий:

  • Щелкните в ячейке, затем выберите в селекторе тегов тег <td> (в левом нижнем углу области «Окно документа»).
  • Щелкните в ячейке, удерживая нажатой клавишу «Ctrl» (Windows) или «Command» (Macintosh).

Выберите строку или прямоугольный блок ячеек

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

  • Щелкните в одной ячейке, затем щелкните в ней, удерживая нажатой клавишу «Ctrl» (Windows) или «Command» (Macintosh), чтобы выделить ячейку. После этого щелкните другую ячейку, удерживая нажатой клавишу «Shift».

Выбор блока ячеек

Выбор несмежных ячеек

Удерживая клавишу CTRL (Windows) или COMMAND (Macintosh), щелкните ячейки, строки или столбцы, которые хотите выбрать.

Если каждая ячейка, строка или столбец, по которым вы щелкаете с нажатой клавишей CTRL или COMMAND, еще не выбраны, они добавляются к выделению. Если он уже выбран, он удаляется из выделения.

Измените цвет выделения для элементов таблицы

Выберите «Правка» > «Настройки» (Windows) или Dreamweaver > «Настройки» (Macintosh).
Выберите «Подсветка» из списка категорий слева, внесите любое из следующих изменений и нажмите «ОК».
  • Чтобы изменить цвет подсветки элементов таблицы, щелкните поле цвета при наведении указателя мыши, затем выберите цвет подсветки из палитры или введите его шестнадцатеричное значение в текстовом поле.

  • Чтобы включить или отключить подсветку элементов таблицы, установите или снимите флажок «Показать» в разделе «Наведение мыши».

Примечание

Эти параметры влияют на все объекты, которые Dreamweaver выделяет при наведении на них указателя мыши.  

Задание свойств таблицы

Вы можете использовать Инспектор свойств для редактирования таблиц.

Выделите таблицу.
В Инспекторе свойств (Window > Properties) измените свойства при необходимости.
Свойства таблицы
Свойства таблицы

Идентификатор таблицы

Идентификатор для таблицы.

Строки и столбцы

Число строк и столбцов в таблице.

W

Задает ширину таблицы в пикселах или в процентах от ширины окна браузера.

Примечание

Обычно высоту таблицы указывать не требуется.

Поля ячейки

Количество пикселей между содержимым ячейки и границами ячейки.

Интервал ячеек

Число пикселов между смежными ячейками.

Выравнивание

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

Параметр «По левому краю» располагает таблицу левее остальных элементов (текст в этом же абзаце обтекает таблицу справа); параметр «По правому краю» располагает таблицу правее остальных элементов (текст обтекает ее слева). Параметр «По центру» располагает таблицу по центру (текст отображается сверху и/или снизу таблицы). Если задан параметр «По умолчанию», то браузер будет использовать выравнивание по умолчанию.

Примечание

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

Рамка

Задает толщину границ таблицы в пикселах.

Примечание

Если значения границ, интервала и полей ячеек не заданы точно, то большинство браузеров отображают таблицу с толщиной границ и полями ячеек, равными 1, и интервалом ячеек, равным 2. Для того чтобы браузеры отображали таблицу без полей или интервала, задайте значения для границы, полей и интервала ячеек равными 0. Для того чтобы границы таблицы и ячеек отображались при толщине границы равной 0, выберите параметр меню «Просмотр» > «Вспомогательные элементы» > «Границы таблицы»

Класс

Задает CSS-класс таблицы.

Примечание

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

Очистить ширину столбцов и очистить высоту строк

и «Сбросить значения высоты строк» сбрасывают все точно заданные значения высоты строк или ширины столбцов таблицы.

«Преобразовать значения ширины в таблице в пикселы»

и Convert Table Heights To Pixels (Преобразовать высоту таблицы в пиксели) устанавливают ширину или высоту каждого столбца в таблице равной его текущей ширине в пикселях (также устанавливает ширину всей таблицы равной ее текущей ширине в пикселях).

«Преобразовать значения ширины в таблице в проценты»

и Convert Table Heights To Percent (Преобразовать высоту таблицы в проценты) устанавливают ширину или высоту каждого столбца в таблице равной его текущей ширине, выраженной в процентах от ширины окна документа (также устанавливает ширину всей таблицы равной ее текущей ширине в процентах от ширины окна документа).

Если вы ввели значение в текстовое поле, нажмите Tab или Enter (Windows) или Return (Macintosh), чтобы применить значение.

Свойства ячейки, строки или столбца

Вы можете использовать Инспектор свойств для редактирования ячеек и строк в таблице.

Выберите столбец или строку.
В инспекторе свойств («Окно» > «Свойства») задайте следующие параметры.

По горизонтали

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

По вертикали

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

W и H (ширина и высота).

Ширина и высота выделенных ячеек, выраженная в пикселах или в процентах от ширины или высоты всей таблицы. Чтобы задать процентное отношение, введите в поле после значения символ «%». Чтобы браузер выбрал необходимые ширину и высоту по содержимому ячейки, а также по ширине и высоте других столбцов и строк, оставьте поле пустым (по умолчанию).

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

Примечание

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

Фон

Цвет фона ячейки, столбца или строки, выбранный с помощью палитры цветов.

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

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

Разбить ячейку

Делит ячейку на две новые ячейки или более. Вы можете разделить только одну ячейку за раз; эта кнопка недоступна, если выбрано более одной ячейки.

Без переноса

Запрещает перенос строк, сохраняя весь текст в данной ячейке на одной строке.Если включен параметр «Без переноса», ячейки расширяются для размещения всех данных при их вводе или вставке в ячейку.(Обычно ячейки расширяются по горизонтали для размещения самого длинного слова или самого широкого изображения в ячейке, а затем расширяются по вертикали для размещения другого содержимого.)

Заголовок

Форматирует выбранные ячейки как ячейки заголовка таблицы.Содержимое ячеек заголовка таблицы по умолчанию отображается полужирным шрифтом и выравнивается по центру.

Примечание

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

Примечание

При установке свойств столбца Dreamweaver изменяет атрибуты тега td, соответствующего каждой ячейке в столбце.Однако при установке определенных свойств для строки Dreamweaver изменяет атрибуты тега tr, а не изменяет атрибуты каждого тега td в строке.При применении одинакового формата ко всем ячейкам в строке применение формата к тегу tr создает более чистый и компактный HTML-код.

Нажмите Tab или Enter (Windows) или Return (Macintosh), чтобы применить значение.

Форматирование таблиц и ячеек

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

Примечание

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

Изменить формат таблицы, строки, ячейки или столбца

Выберите таблицу, ячейку, строку или столбец.
В инспекторе свойств (Окно > Свойства) щелкните стрелку расширения в правом нижнем углу и измените свойства по необходимости.
При необходимости измените свойства.

Для получения дополнительной информации о параметрах нажмите значок справки в инспекторе свойств.

Примечание

Когда вы устанавливаете свойства для столбца, Dreamweaver изменяет атрибуты тега td, соответствующего каждой ячейке в столбце. Однако когда вы устанавливаете определенные свойства для строки, Dreamweaver изменяет атрибуты тега tr, а не изменяет атрибуты каждого тега td в строке. Когда вы применяете одинаковое форматирование ко всем ячейкам в строке, применение формата к тегу tr создает более чистый и лаконичный HTML-код.

Добавить или отредактировать значения специальных возможностей для таблицы в представлении «Код»

Отредактируйте соответствующие атрибуты в коде.
Примечание

Чтобы быстро найти теги в коде, щелкните в таблице, затем выберите тег <table> в селекторе тегов в нижней части окна документа.

Добавить или отредактировать значения специальных возможностей для таблицы в представлении «Дизайн»

  • Чтобы отредактировать сопроводительную подпись таблицы, выделите сопроводительную подпись и введите новую сопроводительную подпись.
    • Чтобы отредактировать выравнивание сопроводительной подписи, поместите точку вставки в сопроводительную подпись таблицы, щелкните правой кнопкой мыши (Windows) или щелкните, удерживая Control (Macintosh), а затем выберите «Изменить код тега».

    • Чтобы отредактировать описание таблицы, выберите таблицу, щелкните правой кнопкой мыши (Windows) или щелкните, удерживая Control (Macintosh), а затем выберите «Изменить код тега».

Изменение размера таблиц, столбцов и строк

Изменение размера таблиц

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

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

Иногда ширина столбцов, установленная в HTML-коде, не соответствует их видимой ширине на экране.Когда это происходит, вы можете сделать ширину одинаковой.Ширина таблиц и столбцов, а также меню заголовков отображаются в Dreamweaver для помощи в размещении таблиц; при необходимости можно включать или отключать отображение ширины и меню.

Изменение размера столбцов и строк

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

Примечание

Вы также можете изменить ширину и высоту ячеек непосредственно в HTML-коде, используя представление кода.

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

Изменение размеров таблицы

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

  • Чтобы изменить размер таблицы по горизонтали, перетащите маркер выделения справа.

  • Чтобы изменить размер таблицы по вертикали, перетащите маркер выделения снизу.

  • Чтобы изменить размер таблицы в обоих измерениях, перетащите маркер выделения в правом нижнем углу.

Для выхода из режима форматирования таблицы при интерактивном просмотре нажмите клавишу Esc или щелкните за пределами таблицы. Вы можете использовать параметры меню «Правка» > «Таблица» для дальнейшего изменения таблицы.

Примечание. Параметры в меню «Правка» > «Таблица» зависят от того, выбрана ли таблица целиком или только одна ячейка. В режиме интерактивного просмотра отображение элемента показывает тег table, если выбрана вся таблица, и td, если выделена определенная ячейка. Чтобы переключиться с режима форматирования ячейки на режим форматирования таблицы, нажмите на границу таблицы.

Изменить ширину столбца и сохранить общую ширину таблицы

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

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

Изменение ширины столбца с сохранением ширины таблицы

Примечание

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

Измените ширину столбца с сохранением размера других столбцов

В режиме Design view удерживайте клавишу SHIFT и перетащите границу столбца.

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

Изменение ширины столбца с сохранением ширины остальных столбцов

Визуальное изменение высоты строки

Перетащите нижнюю границу строки.

Согласование ширины столбцов в коде с визуальной шириной

Щелкните в ячейке.
Нажмите меню заголовка таблицы, затем выберите «Сделать все столбцы одинаковой ширины».

Dreamweaver сбрасывает ширину, указанную в коде, для соответствия визуальной ширине.

Очистка всех заданных значений ширины или высоты в таблице

Выделите таблицу.
Выполните одно из следующих действий:
  • Выберите Edit > Table > Clear Cell Widths или Edit > Table > Clear Cell Heights.

  • В инспекторе свойств («Окно»> «Свойства») щелкните «Сбросить значения высоты строк» или «Сбросить значения ширины столбцов» .

  • Нажмите меню заголовка таблицы, затем выберите Очистить все высоты или Очистить все ширины.

Очистка заданного значения ширины столбца

Щелкните в столбце, щелкните меню заголовка столбца и выберите «Очистить ширину столбца».

Включение или отключение ширины таблиц и столбцов и меню в режиме Design View

Выберите View > Design View Options > Visual Aids > Table Widths.

Добавление и удаление строк и столбцов

Для добавления и удаления строк и столбцов используйте Modify > Table или меню заголовка столбца.

Примечание

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

Добавление отдельной строки или столбца

Щелкните в ячейке и выполните одно из следующих действий:
  • Выберите Edit > Table > Insert Row или Edit > Table > Insert Column.

    Строка появляется над курсором вставки, столбец — слева от него.

  • Щелкните меню заголовка столбца, затем выберите пункт «Вставить столбец слева» или «Вставить столбец справа».

     

Добавление нескольких строк или столбцов

Щелкните в ячейке.

Выберите Edit > Table > Insert Rows Or Columns, заполните диалоговое окно и нажмите OK.

Вставка

Показывает, куда следует вставлять строки или столбцы.

Количество строк или столбцов

Число вставляемых строк или столбцов.

Где

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

Удаление строки или столбца

Выполните одно из действий, описанных ниже.
  • Нажмите в ячейке внутри строки или столбца, который хотите удалить, затем выберите Edit > Table > Delete Row или Edit > Table > Delete Column.

  • Выберите полную строку или столбец, затем нажмите DELETE.

  • В инспекторе свойств («Окно»> «Свойства») выполните одно из следующих действий:
    • Чтобы добавить или удалить строки, увеличивайте или уменьшайте число в поле «Строки».
    • Чтобы добавлять или удалять столбцы, увеличивайте или уменьшайте значение в поле «Столбцы».
Примечание

Dreamweaver не предупреждает, если вы удаляете строки и столбцы, содержащие данные.

Разбиение и объединение ячеек

Используйте инспектор свойств или параметры в подменю Edit > Table для разделения или объединения ячеек.

Объединение двух и более ячеек в таблице

Выберите ячейки в непрерывной линии и в форме прямоугольника.

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

Ячейки можно объединить в прямоугольник из ячеек

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

Ячейки нельзя объединить, если они выделены не в форме прямоугольника

Выполните одно из следующих действий:
  • Выберите Правка > Таблица > Объединить ячейки.

  • В расширенном инспекторе свойств HTML («Окно» > «Свойства») нажмите кнопку «Объединить ячейки».

Примечание

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

В новую ячейку помещается содержимое всех объединенных ячеек. К объединенной ячейке применяются свойства первой выделенной ячейки.

Разбиение ячейки

Нажмите в ячейке и выполните одно из следующих действий:
  • Выберите «Редактирование» > «Таблица» > «Разделить ячейку».

  • В расширенном инспекторе свойств HTML («Окно» > «Свойства») нажмите кнопку «Разделить ячейку».

Примечание

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

В диалоговом окне «Разделить ячейку» укажите способ разделения ячейки:

Разбить ячейку на

Определяет способ разбиения ячейки: на столбцы или строки.

Количество строк / количество столбцов

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

Увеличьте или уменьшите количество строк или столбцов, занимаемых ячейкой

Выполните одно из действий, описанных ниже.
  • Выберите Edit > Table > Increase Row Span или Edit > Table > Increase Column Span.

  • Выберите «Правка» > «Таблица» > «Уменьшить объединение строк» или «Правка» > «Таблица» > «Уменьшить объединение столбцов».

Копирование, вставка и удаление ячеек

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

Можно вставлять ячейки в точку вставки или вместо выделения в существующей таблице. Для вставки нескольких ячеек таблицы содержимое буфера обмена должно быть совместимо со структурой таблицы или выделенной областью таблицы, в которую будут вставлены ячейки.

Вырезание и копирование ячеек таблицы

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

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

Ячейки можно вырезать или скопировать в виде прямоугольника из ячеек

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

Ячейки нельзя вырезать или скопировать, если они выделены не в форме прямоугольника

Выберите меню «Правка» > «Вырезать» или «Правка» > «Копировать».
Примечание

Если вы выбрали целую строку или столбец и выбираете «Правка» > «Вырезать», целая строка или столбец удаляется из таблицы (а не только содержимое ячеек).

Вставка ячеек таблицы

Укажите, куда следует вставить ячейки:
  • Чтобы заменить существующие ячейки теми ячейками, которые следует вставить, выделите группу ячеек, скомпонованных так же, как и ячейки в буфере обмена. (Например, если скопировать и вырезать группу 3х2 ячеек, то можно выделить другую группу 3х2 и заменить ее путем вставки.)

  • Чтобы вставить целую строку над конкретной ячейкой, щелкните внутри этой ячейки.

  • Чтобы вставить целый столбец слева от конкретной ячейки, щелкните внутри этой ячейки.

Примечание

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

  • Чтобы создать новую таблицу из вставленных ячеек, поместите курсор вставки вне таблицы.
Выберите «Правка» > «Вставить».

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

Удалите содержимое ячеек, но оставьте сами ячейки нетронутыми

Выберите одну или несколько ячеек.
Примечание

Убедитесь, что выделение не состоит полностью из целых строк или столбцов.

Нажмите клавишу Delete.

Примечание

Если при выборе «Редактирование» > «Очистить" или нажатии DELETE выбраны только целые строки или столбцы, из таблицы удаляются целые строки или столбцы, а не только их содержимое.

Удалите строки или столбцы, содержащие объединенные ячейки

Выделите строку или столбец

Выберите «Правка» > «Таблица» > «Удалить строку» или «Правка» > «Таблица» > «Удалить столбец».

Вложенные таблицы

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

Щелкните в ячейке существующей таблицы.
Выберите «Вставка» > «Таблица», задайте параметры вставки таблицы и нажмите «ОК».

Сортировка таблиц

Строки таблицы можно сортировать по содержимому одного столбца. Также можно выполнить более сложную сортировку таблицы по содержимому двух столбцов.

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

Выделите таблицу или щелкните по любой ячейке.

Выберите «Правка» > «Таблица» > «Сортировать таблицу», задайте параметры в диалоговом окне и нажмите «ОК».

Сортировать по

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

Порядок

Определяет, сортировать ли столбец в алфавитном или цифровом порядке, а также в порядке возрастания (от А до Я, от меньших чисел к большим) или убывания.

Если содержимое столбца состоит из чисел, выберите «Numerically». Алфавитная сортировка списка одно- и двузначных чисел приведет к тому, что числа будут сортироваться как слова (что даст порядок типа 1, 10, 2, 20, 3, 30), а не как числа (что даст порядок типа 1, 2, 3, 10, 20, 30).

Затем по/порядок

Определяет порядок сортировки для вторичной сортировки по другому столбцу. Укажите столбец вторичной сортировки во всплывающем меню «Then By» и порядок вторичной сортировки во всплывающих меню «Order».

Сортировать, включая первую строку

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

Сортировать заглавные строки

Указывает на сортировку всех строк в разделе thead таблицы (если есть) по тем же критериям, что и строки основной части. (Обратите внимание, что строки thead остаются в разделе thead и по-прежнему отображаются в верхней части таблицы даже после сортировки.) Информацию о теге thead см. в панели «Reference» (выберите «Справка» > «Reference»).

Сортировать конечные строки

Указывает на сортировку всех строк в разделе tfoot таблицы (если есть) по тем же критериям, что и строки основной части. (Обратите внимание, что строки tfoot остаются в разделе tfoot и по-прежнему отображаются в нижней части таблицы даже после сортировки.) Информацию о теге tfoot см. в панели «Reference» (выберите «Справка» > «Reference»).

Не изменять цвета строк после сортировки

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