HTML таг tfoot редактор на живо

<table class="table table-striped"> <thead class="table-dark"> <tr> <th>Продукт</th> <th class="text-end">Количество</th> <th class="text-end">Цена (лв.)</th> </tr> </thead> <tbody> <tr> <td>Кафе</td> <td class="text-end">2</td> <td class="text-end">10.00</td> </tr> <tr> <td>Чай</td> <td class="text-end">1</td> <td class="text-end">4.50</td> </tr> </tbody> <tfoot class="table-light"> <tr> <th scope="row">Общо</th> <td class="text-end">3</td> <td class="text-end">14.50</td> </tr> </tfoot> </table>