Добрый вечер всем! Хотел вот узнать, как красиво нарисовать таблицу в html - в общем, делаю так:
<html>
<body>
<style>
.styled-table {
border-collapse: collapse;
margin: 5px 0;
font-size: 0.9em;
font-family: sans-serif;
min-width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.styled-table thead tr {
background-color: #009879;
color: #ffffff;
text-align: left;
}
.styled-table th,
.styled-table td {
padding: 12px 12px;
}
.styled-table tbody tr {
border-bottom: 1px solid #dddddd;
}
.styled-table tbody tr:nth-of-type(even) {
background-color: #f3f3f3;
table-layout: fixed;
}
.styled-table tbody tr:last-of-type {
border-bottom: 2px solid #009879;
}
</style>
...
echo "<table class='styled-table'>
<thead>
<tr>
<td>Название</td>
<td>Модель</td>
<td>Инвентарный номер</td>
<td>Поступил</td>
<td>Предыдущий владелец</td>
</tr>
</thead>
</table>";
....
echo "<table class='styled-table'>
<tbody>
<tr>
<td>$row[0]</td>
<td>$row[1]</td>
<td>$row[2]</td>
<td>$last_date</td>
<td>$owner_prev</td>
</tr>
</tbody>
</table>";
Строки выглядят неряшливо - так как в разных полях разная длина текста, все это плывет по экрану, к тому же справа строки выглядят ступенчато; как сделать выравнивание столбца по самому длинному элементу? Вот как это выглядит: