Scribd
Upload
11 views2 pages

Table in React

Table in react

Uploaded by

rakshithballal213
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
11 views2 pages

Table in React

Table in react

Uploaded by

rakshithballal213
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<TableRow

key={applicationId}
rowData={{ applicationId, personId, studentName, applications,
attendancePatternCode, isChecked }}
// expandedRowContent={<ApplicantsDetailsExpansionPanel
applicantInfo={applications} />}
>
{/* <TableRow></TableRow> */}
{/* {showCheckBox && (
<TableCell component="th" scope="row" columnName={'checkBox'}>
<span>
<Checkbox
checked={checkIntermediate ? isChecked : checkAll}
id={`${customId}_CheckboxB_${index}`}
onChange={(e) => {
handleCheckBoxChange(e, index);
}}
value="isChecked"
inputProps={{
'aria-label': 'Checked B'
}}
/>
</span>
</TableCell>
)} */}
<TableCell component="th" scope="row" columnName={formatMessage({
id: 'Student-Id' })}>
<span>{personId}</span>
</TableCell>

<TableCell columnName={formatMessage({ id: 'Name' })}>


<span>
<TextLink tabIndex={0}>{studentName}</TextLink>
</span>
</TableCell>
<TableCell columnName={formatMessage({ id: 'Applications' })}
className={alignCell}>
<span>{applications ? applications.length : 0}</span>
</TableCell>
<TableCell columnName={formatMessage({ id: 'Applications' })}
className={attPattCol}>
{attendancePatternCode ? (
<TextLink
onClick={() => {
handleViewAp(attendancePatternCode, personId);
}}
onKeyPress={() => {
handleViewAp(attendancePatternCode, personId);
}}
>
{attendancePatternCode}
</TextLink>
) : (
<Typography>{formatMessage({ id: 'Not-Assigned'
})}</Typography>
)}
</TableCell>
<TableCell className={threeDot}>
<ActionMenuComponent
attendancePatternCode={attendancePatternCode}
handleAssignAp={handleAssignAp}
handleViewAp={handleViewAp}
personId={personId}
checked={showCheckBox}
canManageRecord={canManageRecord}
canViewRecord={canViewRecord}
/>
</TableCell>
</TableRow>

<div className={disbursement} key={index}>


<span
className={disbursementPercenatgeCol}>{value.disbursementPercentage}</span>
<span
className={disbursementCol}>{convertDateToLocaleString(value.disbursementDate)}</
span>
</div>

You might also like