Intereting Posts
Однословные шаблоны Программно добавляя сообщения Перенаправление одного мультисайта в другой Пользовательский TinyMCE Enhanced Shortcode Как отобразить все изображения «Загружено» автором новый администратор сайта не может просматривать категории в wordpress multisite Невозможно добавить дополнительный элемент в элемент меню при использовании Walker_Nav_Menu Как включить класс из аддона после того, как один класс существует в главном плагине? Возвращайте только пользовательский подзаголовок для настраиваемого типа сообщения, не эхо-родитель-родитель Получить URL-адрес для загрузки по идентификатору блога в многопользовательском режиме работа с таблицей term_relationships 500 – внутренняя ошибка сервера get_avatar () изображение по умолчанию не работает с wp 3.5 Добавить контент исключительно в настраиваемый тип сообщений Не удается загрузить изображение продукта в панели инструментов поставщика pro с помощью браузера Chrome

Невозможно отобразить заголовки таблиц в ответном расположении таблицы

Я использую приведенный ниже код для отображения таблицы в сообщении WordPress. Он отображал таблицу правильно, но я хочу сделать так, чтобы реагировать, поэтому я использовал специальный CSS-код для создания макета таблицы «Ревизия». Он работает, но отсутствует заголовки таблиц при изменении размера макета страницы. кто-нибудь может направить меня.

$menu .= '<table><thead><tr><th>Name</th><th>Description</th><th>Price</th></tr></thead>'; while ( have_rows('sections_items') ) : the_row(); // Your loop code $menu .= '<tr><td>'.get_sub_field('dish_names').'</td><td>'.get_sub_field('dish_description').'</td><td>$ '.get_sub_field('dish_price').'</td></tr>'; endwhile; $menu .= '</table> '; 

/ * Код CSS * /

 body { font-family: "Open Sans", sans-serif; line-height: 1.25; } table { border: 1px solid #ccc; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; } table caption { font-size: 1.5em; margin: .5em 0 .75em; } table tr { background: #f8f8f8; border: 1px solid #ddd; padding: .35em; } table th, table td { padding: .625em; text-align: center; } table th { font-size: .85em; letter-spacing: .1em; text-transform: uppercase; } @media screen and (max-width: 600px) { table { border: 0; } table caption { font-size: 1.3em; } table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table tr { border-bottom: 3px solid #ddd; display: block; margin-bottom: .625em; } table td { border-bottom: 1px solid #ddd; display: block; font-size: .8em; text-align: right; } table td:before { /* * aria-label has no advantage, it won't be read inside a table content: attr(aria-label); */ content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } table td:last-child { border-bottom: 0; } } 

/ * end of css * / Вот из таблицы, которую я получаю

введите описание изображения здесь