Как суммировать два числа и показать результат на третьем поле в alpine JS?

#alpine.js

Вопрос:

Я работаю над функциональностью, в которой мне нужно отобразить в общей сложности две записи в третьем поле. У меня есть цикл, и внутри этого цикла у меня есть несколько записей.

Вот мой код

 <template x-for="record in records">
    <tr>
        <td class="text-right" x-text="record.one"></td>
        <td class="text-right" x-text="record.two"></td>
        <td class="text-right"></td>
    </tr>
</template>
 

есть ли способ показать общую сумму в третьем td как x-text ? что-то вроде этого

 <template x-for="record in records">
    <tr>
        <td class="text-right" x-text="record.one"></td>
        <td class="text-right" x-text="record.two"></td>
        <td class="text-right" x-text="record.one   record.two"></td>
    </tr>
</template>
 

Комментарии:

1. Это должно сработать