added padding for table header
This commit is contained in:
parent
0e3c78df11
commit
de2d23ec83
@ -110,9 +110,9 @@ const AdvancePaymentList = ({ employeeId }) => {
|
||||
];
|
||||
|
||||
return (
|
||||
<div className="table-responsive">
|
||||
<div className="table-responsive ">
|
||||
<table className="table align-middle">
|
||||
<thead className="table_header_border ">
|
||||
<thead className="table_header_border ">
|
||||
<tr>
|
||||
{columns.map((col) => (
|
||||
<th key={col.key} className={col.align}>
|
||||
@ -125,7 +125,7 @@ const AdvancePaymentList = ({ employeeId }) => {
|
||||
{rowsWithBalance.map((row) => (
|
||||
<tr key={row.id}>
|
||||
{columns.map((col) => (
|
||||
<td key={col.key} className={col.align}>
|
||||
<td key={col.key} className={`${col.align} p-6`}>
|
||||
{col.key === "balance" ||
|
||||
col.key === "credit" ||
|
||||
col.key === "debit"
|
||||
@ -133,15 +133,18 @@ const AdvancePaymentList = ({ employeeId }) => {
|
||||
style: "currency",
|
||||
currency: "INR",
|
||||
})
|
||||
: row[col.key]}
|
||||
: (<div className="d-flex flex-column">
|
||||
<small>Projec Name</small>
|
||||
<small>{row[col.key]}</small>
|
||||
</div>)}
|
||||
</td>
|
||||
))}
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
<tfoot className="table-secondary fw-bold">
|
||||
<tfoot className="table-secondary fw-bold ">
|
||||
<tr>
|
||||
<td className="text-start">Final Balance</td>
|
||||
<td className="text-start p-3">Final Balance</td>
|
||||
<td className="text-end" colSpan="3">
|
||||
{currentBalance.toLocaleString("en-IN", {
|
||||
style: "currency",
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user