98 lines
3.9 KiB
JavaScript
98 lines
3.9 KiB
JavaScript
import React from 'react'
|
|
|
|
const ExpenseList = () => {
|
|
return (
|
|
<div className="card ">
|
|
<div className="card-datatable table-responsive">
|
|
<div
|
|
id="DataTables_Table_0_wrapper"
|
|
className="dataTables_wrapper dt-bootstrap5 no-footer"
|
|
>
|
|
|
|
<table
|
|
className="datatables-users table border-top dataTable no-footer dtr-column text-nowrap"
|
|
id="DataTables_Table_0"
|
|
aria-describedby="DataTables_Table_0_info"
|
|
|
|
>
|
|
<thead>
|
|
<tr className=''>
|
|
<th
|
|
className="sorting sorting_desc"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="3"
|
|
aria-label="User: activate to sort column ascending"
|
|
aria-sort="descending"
|
|
>
|
|
<div className="text-start ms-6">Date</div>
|
|
</th>
|
|
<th
|
|
className="sorting sorting_desc d-sm-table-cell"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="1"
|
|
aria-label="User: activate to sort column ascending"
|
|
aria-sort="descending"
|
|
>
|
|
<div className="text-start ms-5">Expense Type</div>
|
|
</th>
|
|
<th
|
|
className="sorting sorting_desc d-none d-sm-table-cell"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="1"
|
|
aria-label="User: activate to sort column ascending"
|
|
aria-sort="descending"
|
|
>
|
|
<div className="text-start ">Payment mode</div>
|
|
</th>
|
|
<th
|
|
className="sorting sorting_desc d-none d-sm-table-cell"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="1"
|
|
aria-label="User: activate to sort column ascending"
|
|
aria-sort="descending"
|
|
>
|
|
<div className="text-start ">Paid By</div>
|
|
</th>
|
|
|
|
<th
|
|
className="sorting"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="1"
|
|
aria-label="Billing: activate to sort column ascending"
|
|
>
|
|
Status
|
|
</th>
|
|
<th
|
|
className="sorting d-none d-md-table-cell"
|
|
tabIndex="0"
|
|
aria-controls="DataTables_Table_0"
|
|
rowSpan="1"
|
|
colSpan="1"
|
|
aria-label="Plan: activate to sort column ascending"
|
|
>
|
|
Amount
|
|
</th>
|
|
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ExpenseList |