Важная информация
Показано с 1 по 3 из 3

Тема: Проблема с переносом строки таблицы

  1. #1 Проблема с переносом строки таблицы 
    Новичок
    Регистрация
    24.11.2018
    Сообщений
    1
    Сказал(а) спасибо
    0
    Поблагодарили 0 раз(а) в 0 сообщениях
    Здравствуйте! Делал таблицу и столкнулся с такой проблемой. Таблица состоит из 5х строк и нескольких столбцов, как на скриншоте. Последняя строка, почему-то не переносилась, а шла в виде продолжением столбцов в предыдущей строке как на первом скриншоте. Выход нашел, (как нахимичил пометил комментарием в самом коде), но вопрос почему без этого перенос не срабатывал? В чем была ошибка?


    Сам код с комментарием проблемного места: pastebin . com / pe4Q5EHn
    Изображения
    • Тип файла: jpg 1.0.jpg (33.5 Кб, Просмотров: 4)
    • Тип файла: jpg 2.0.jpg (76.7 Кб, Просмотров: 3)
    Ответить с цитированием  
     

  2. #2  
    Администратор Аватар для rovico
    Регистрация
    17.04.2014
    Адрес
    Ярославль
    Сообщений
    245
    Сказал(а) спасибо
    17
    Поблагодарили 287 раз(а) в 162 сообщениях
    Записей в блоге
    2
    Где-то несоответствие количества rowspan реальному числу строк https://pastebin . com/vcVDLqp1

    HTML Code:
    1. <table border="1">
    2. <tr>
    3.     <th>Кружок</th>
    4.     <th>Руководитель</th>
    5.     <th>Классы</th>
    6.     <th>День</th>
    7.     <th>Время</th>
    8.     <th>Аудитория</th>
    9. </tr>
    10.     <tbody>
    11.     <tr>
    12.         <td rowspan="2"><strong>Математический кружок</strong></td>
    13.         <td rowspan="2">Лидия Васильевна Гончарова</td>
    14.         <td>4 класс</td>
    15.         <td rowspan="2">вторник </td>
    16.         <td>16:00-18:00</td>
    17.         <td rowspan="2">209</td>
    18.         </tr>
    19.     <tr>
    20.         <td>5 класс</td>
    21.         <td>17:15-18:30</td>
    22.     </tr>
    23.     <tr>
    24.         <td><strong>Математический кружок</strong></td>
    25.         <td>Дарья Петровна Анзон</td>
    26.         <td>6 класс</td>
    27.         <td rowspan="3">суббота </td>
    28.         <td rowspan="3">16:30-18:30</td>
    29.         <td>310</td>
    30.         </tr>
    31.     <tr>
    32.         <td><strong>Математический кружок</strong></td>
    33.         <td>Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>
    34.         <td>8 класс</td>
    35.         <td>308-309</td>
    36.     </tr>
    37.     <tr>
    38.     <td><strong>Математический кружок</strong></td>
    39.     <td>Кирил Евгеньевич Мазур,<br>Василий Кирилович Рогов,<br>Иван Андреевич Шанин</td>
    40.     <td>8 класс</td>
    41.     <td>209</td>
    42.       </tr>
    43.     </tbody>
    44.     </table>



    Конкретно, если в предпоследней tr убрать rowspan, то всё хорошо.

    HTML Code:
    1. <tr>
    2.         <td><strong>Математический кружок</strong></td>
    3.         <td>Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>
    4.         <td>8 класс</td>
    5.         <td>308-309</td></tr>
    Ответить с цитированием  
     

  3. #3  
    Администратор
    Регистрация
    18.04.2014
    Сообщений
    24
    Сказал(а) спасибо
    0
    Поблагодарили 39 раз(а) в 22 сообщениях
    HTML Code:
    1.  
    2. <!DOCTYPE html>
    3. <html lang="en">
    4.     <meta charset="UTF-8">
    5.     <title>Table</title>
    6. </head>
    7. <table border="1">
    8.     <thead>
    9.     <tr>
    10.         <th>Кружок</th>
    11.         <th>Руководитель</th>
    12.         <th>Классы</th>
    13.         <th>День</th>
    14.         <th>Время</th>
    15.         <th>Аудитория</th>
    16.     </tr>
    17.     </thead>
    18.     <tbody>
    19.     <tr>
    20.         <td rowspan="2"><strong>Математический кружок</strong></td>
    21.         <td rowspan="2">Лидия Васильевна Гончарова</td>
    22.         <td>4 класс</td>
    23.         <td rowspan="2">вторник </td>
    24.         <td>16:00-18:00</td>
    25.         <td rowspan="2">209</td>
    26.     </tr>
    27.     <tr>
    28.         <td>5 класс</td>
    29.         <td>17:15-18:30</td>
    30.     </tr>
    31.     <tr>
    32.         <td><strong>Математический кружок</strong></td>
    33.         <td>Дарья Петровна Анзон</td>
    34.         <td>6 класс</td>
    35.         <td rowspan="3">суббота </td>
    36.         <td rowspan="3">16:30-18:30</td>
    37.         <td>310</td>
    38.     </tr>
    39.     <tr>
    40.         <td><strong>Математический кружок</strong></td>
    41.         <td>Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>
    42.         <td>8 класс</td>
    43.         <td>308-309</td></tr>
    44.     <tr>
    45.         <td rowspan="2"><strong>Математический кружок</strong></td>
    46.         <td rowspan="3">Кирил Евгеньевич Мазур,<br>Василий Кирилович Рогов,<br>Иван Андреевич Шанин</td>
    47.         <td rowspan="3">8 класс</td>
    48.         <td>209</td></tr>
    49.     </tbody>
    50. </body>
    51. </html>


    Вот такой код будет отображать корректно.

    Все дело в rowspan.
    Например, в
    HTML Code:
    1. <td rowspan="2">Иван Васильевич Ященко,<br>Григорий Александрович Мерзон</td>

    У вас указано объединение колонок. Но никакого объединения нет, все идет одной строкой, rowspan здесь лишнее.
    Последний раз редактировалось natal; 26.11.2018 в 17:08.
    Ответить с цитированием  
     

Информация о теме
Пользователи, просматривающие эту тему

Эту тему просматривают: 1 (пользователей: 0 , гостей: 1)

Похожие темы

  1. Ответов: 1
    Последнее сообщение: 19.02.2014, 08:49
  2. связные таблицы
    от swirepij в разделе Общие вопросы программирования
    Ответов: 0
    Последнее сообщение: 10.12.2013, 00:00
  3. Ответов: 4
    Последнее сообщение: 01.04.2012, 10:08
  4. Ответов: 5
    Последнее сообщение: 15.12.2011, 22:25
  5. Ответов: 0
    Последнее сообщение: 07.12.2011, 22:10
Ваши права
  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •