I need to add custom row ( different from rows before) to my grid b-table at the end. How can I do that? I have grid with
Items | Amounts | Price
and in last row i need to count total_amount and total_price of items.

<template>

    <div>

        <b-table

                striped hover :busy=isBusy :fields=fields :items=items :show-empty=true

                :empty-text='Nebyly nalezeny žádné záznamy' class=mb-0

        >



            <template slot=name slot-scope=data>

                <div class=form-group>

                    <b-form-input type=text class=form-control w-100 size=sm v-model.lazy=data.item.name>

                    </b-form-input>

                </div>

            </template>



            <template slot=unit_price slot-scope=data>

                <div class=form-group>

                    <b-form-input type=number class=form-control w-100 size=sm v-model.number=data.item.unit_price @change=updatePriceTogether(data.item)>

                    </b-form-input>

                </div>

            </template>



            <template slot=amount slot-scope=data>

                <div class=form-group>

                    <b-form-input type=number class=form-control w-100 size=sm v-model.number=data.item.amount @change=updatePriceTogether(data.item)>

                    </b-form-input>

                </div>

            </template>



            <div slot=table-busy class=text-center text-danger my-2>

                <b-spinner class=align-middle></b-spinner>

                <strong>Načítání...</strong>

            </div>

            <template slot=actions slot-scope=data>

                <slot name=action-buttons :data=data></slot>

            </template>



        </b-table>

    </div>

</template>

<script>

    export default {

        name: CustomItemGrid,

        props: {

            isBusy: {

                type: Boolean,

                required: true

            },

            fields: {

                type: Array,

                required: true

            },

            items: {

                type: Array,

                required: true

            }

        },

        methods: {

            updatePriceTogether(item){

                item.total_price = (item.unit_price * item.amount).toFixed(2);

            }

        }

    }

</script>

So i need something like this:

Item_name | Price | Amount | total_ price



Item1     | 12€     | 123  | 1400€



Item2     | 12€     | 123  | 1400€



**EMPTY     | Total:  | XXX T| XXXX€**         

how can I add last row (It has to be always on bottom)