Мне просто нужно отображать ячейки строки таблицы по вертикали. Это отлично работает в FF, но не в Chrome или Safari на Ipad.
Пример ниже показывает, как ожидалось, в FF, причем каждая ячейка строки находится под друг другом, но в Chrome, похоже, игнорирует отображение: блок вообще.
В чем проблема - или есть лучший способ сделать это.
(Причина этого заключается в том, что im использует @media в CSS для визуализации таблицы по-разному для небольшого экрана)
для более наглядного примера:
Нормальная таблица может быть
DATA1 | DATA2 | DATA3
но с отображением: block, оно должно быть
DATA1
DATA2
DATA3
Большое спасибо
<html>
<head>
<style>
table,
thead,
tr,
td
{
display:block;
}
table,tr
{
border : 1px dotted red;
}
td
{
border:1px dashed blue;
}
thead
{
display:none;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<td>Heading 1</td>
<td>Heading 2</td>
<td>Heading 3</td>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</tbody>
</table>
</body>
</html>