Я хочу создать счет, в котором (столбец) можно добавлять или удалять динамически.
в первом счете у меня 5 столбцов (td), а во втором - 8 столбцов (), поэтому обе ситуации мне нужныиспользовать ширину 100% из-за размера бумаги A4, потому что я хочу напечатать этот счет.
Так что, как вы знаете, таблица td может быть увеличена или уменьшена, поэтому я хочу настроить эту дополнительную увеличенную / уменьшенную ширину в одном столбцеи другая ширина столбца будет фиксированной.
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
border: 1px solid black;
}
th,td {
border: 1px solid black;
}
table.d {
table-layout: fixed;
width: 100%;
}
</style>
</head>
<body>
<table class="d">
<tr>
<th>Name</th>
<th>Item details</th>
<th>Quantity</th>
<th>Price</th>
<th>Total Amount</th>
<th>Tax</th>
</tr>
<tr>
<td>Bulb </td>
<td>Lorem ipsum dollar</td>
<td>1</td>
<td>21</td>
<td>23</td>
<td>2</td>
</tr>
</table>
</body>
</html>
Пожалуйста, проверьте этот скриншот также: - 