У меня есть таблица to-columns в div:
<div>
<table>
<tbody>
<tr>
<td class="action" >
<a> ✔ </a>
</td>
<td class="content">
<p>Bigger text...(variable size).......</p>
</td>
</tr>
<tr>
<td class="action" >
<a> ✔ </a><a> ✘ </a>
</td>
<td class="content">
<p>Bigger text...(variable size).......</p>
</td>
</tr>
... same structure in all the table
</tbody>
</table>
</div>
И я бы хотел, чтобы столбец "action" соответствовал содержимому, а столбец "content" - остальное свободное пространство. Столбец "действие" будет выглядеть лучше с правильным выравниванием. Таблица также должна соответствовать 100% ширины контейнера.
Есть ли способ сделать это без фиксации ширины столбцов?
Я попытался с этим:
table .action
{
width:auto;
text-align:right;
}
table
{
border-collapse:collapse;
border-spacing:0;
width:100%;
}
Но левый столбец занимает половину таблицы...