<template>
    <div>
        <span align="center"><h2>Transaction History</h2></span><br>
        <el-table :data="tableData" stripe style="width: 100%">
            <el-table-column prop="transaction_date" label="Transaction Date" sortable></el-table-column>
            <el-table-column prop="booking_no" label="Booking No" sortable></el-table-column>
            <el-table-column prop="marking" label="Marking" sortable></el-table-column>
            <el-table-column prop="debit_in" label="Debit In"></el-table-column>
            <el-table-column prop="credit_out" label="Credit Out"></el-table-column>
            <el-table-column prop="balance" label="Balance"></el-table-column>
            <el-table-column prop="bank_recon" label="Bank Recon"></el-table-column>
        </el-table><br><br>
        <div align="right">
            <el-button>Export to Excel</el-button><el-button>Print</el-button><br><br>
            <el-pagination background layout="prev, pager, next" :total="30"></el-pagination>
        </div>
    </div>
</template>

<script>
export default {
    data() {
      return {

      }
    }
}
</script>

<style>

</style>
