Объединение строк в таблице html: Объединение ячеек таблицы.

Объединение ячеек таблиц | bookhtml.ru

css — Объединение различных строк html-таблицы

Задать вопрос

Вопрос задан 1 год 11 месяцев назад

Изменён 1 год 11 месяцев назад

Просмотрен 62 раза

Моя задача-создать таблицу (table), показанную на фото нижe:

Мне нужно использовать только html, а если это невозможно, то можно использовать минимальное количество css. У меня есть проблема, а именно при создании выделенных красным цветом полей в таблице:

Как объединить ячейки разных строк в одну ячейку ?

• html
• css
• table

Атрибут rowspan для тега <td> устанавливает число ячеек, которые должны быть объединены по вертикали.

td, th {border:1px solid gray;}

<table>
<tr>
  <th>Header column 1</th>
  <th>Header column 2</th>
  <th>Header column 3</th>
  <th>Header column 4</th>
</tr>
  <tr>
    <td>Row 2 - Item 1</td>
    <td>Row 2 - Item 2</td>
    <td rowspan="2">Row 2 - Nested Table 1</td>
    <td>Row 2 - Item 4</td>
  </tr>
  <tr>
    <td>Row 3 Nested Table 2</td>
    <td>Row 3 - Item 2</td>
    <td rowspan="2">Row 3 - Item 3</td>
  </tr>
  <tr>
    <td>Row 4 - Item 1</td>
    <td>Row 4 - Item 2</td>
    <td>Row 4 - Item 3</td>
  </tr>
  <tr>
    <td colspan="4">Row 5 - Last row of outer table</td>
  </tr>
</table>

Зарегистрируйтесь или войдите

Регистрация через Google

Регистрация через Facebook

Регистрация через почту

Отправить без регистрации

Почта

Необходима, но никому не показывается

Отправить без регистрации

Почта

Необходима, но никому не показывается

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

php — Альтернатива объединению строки $return для построения HTML-таблицы

У меня есть программа, в которой функция возвращает довольно большую HTML-таблицу, используя ряд присваиваний конкатенации со знаком равенства точек, например:

 function callme() {
    $возврат = '';
    $return . = '<таблица>';
    foreach ($foo as $bar => $bar){
      $return .= 'бла-бла-бла'.$bar.'';
      $return .= 'больше информации, модальные кнопки';
      $return .= 'и т.д. и т.д. и т.д...';
    }
    $возврат .= '';
возврат $возврат
}
 

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

Я немного погуглил, но без особой удачи, и хотел бы услышать мнение сообщества SO.

РЕДАКТИРОВАТЬ:

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

Потратил 30 минут на отладку сценария, в котором таблица генерировалась путем объединения компонентов HTML , text и переменной с использованием метода «точечное равенство», и где ошибка вызывала каждый текстовый элемент для отображения в виде якоря ( какой-то текст ).

 $return .= '
Управление на сайте MindBody
';
 

Ошибка в конце строки: . Упс.

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

Вопрос о классе генератора HTML-таблиц был бы более уместным, но не по теме. Варианты там включают довольно легкий: htmlgen, более надежный Cellbrush и класс таблицы DynaWeb, который, насколько я могу судить, также довольно легкий.

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

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

Как объединить 2 строки в html-таблице

Задавать вопрос

спросил 9 лет, 4 месяца назад

Изменено 5 лет, 1 месяц назад

 |------------------------------------------|
| ряд1 |
|---| |---|
ячейка| ряд2 | клетка
|---| |---|
| строка3 |
|----------------------------|
 

 |---------------------------|
| ряд1 |
|---|-------------------|---|
ячейка| ряд2 | клетка
|---| |---|
| строка3 |
|----------------------------|
 

 

<тело>
<граница таблицы=1px> 

    1


    с
    2
    с


    3




 

 


<голова>
  


<тело>

  <граница таблицы="1">
    
      Детский сад состоит из
      Киндер
    
    
      + Сад
    
    
      Блицкриг состоит из
      Блиц
    
    
      + Криг
    
  


 

 

<тело>
<граница таблицы=1px>

    1


    с
    <тд >2
    с


    3




 

 <тело>
<таблица>

    1


     с
    <тд >2
    с


    3



 

 таблица {
 граница слева: 1px сплошной черный;
 граница справа: 1 пиксель сплошной черный;
 граница коллапса: коллапс;
}
.