|  |  | 
 |  |  |     '& .column-name': { | 
 |  |  |     }, | 
 |  |  |     '& .opt': { | 
 |  |  |         width: 300 | 
 |  |  |         width: 260 | 
 |  |  |     }, | 
 |  |  | })); | 
 |  |  |  | 
 |  |  | 
 |  |  |                         onClick={(event, record, val) => { | 
 |  |  |                             event.stopPropagation(); | 
 |  |  |                             assign(record); | 
 |  |  |  | 
 |  |  |                         }} | 
 |  |  |                     /> | 
 |  |  |                     <TextField source="code" label="table.field.role.code" /> | 
 |  |  | 
 |  |  |                     <BooleanField source="statusBool" label="common.field.status" sortable={false} /> | 
 |  |  |                     <TextField source="memo" label="common.field.memo" sortable={false} /> | 
 |  |  |                     <WrapperField cellClassName="opt" label="common.field.opt"> | 
 |  |  |                         <ScopeButton sx={{ padding: '1px', fontSize: '.75rem' }} /> | 
 |  |  |                         <ScopeButton sx={{ padding: '1px', fontSize: '.75rem' }} assign={assign} /> | 
 |  |  |                         <EditButton sx={{ padding: '1px', fontSize: '.75rem' }} /> | 
 |  |  |                         <DeleteButton sx={{ padding: '1px', fontSize: '.75rem' }} mutationMode={OPERATE_MODE} /> | 
 |  |  |                     </WrapperField> | 
 |  |  | 
 |  |  |  | 
 |  |  | const ScopeButton = (props) => { | 
 |  |  |     const record = useRecordContext(); | 
 |  |  |     console.log(record); | 
 |  |  |     const { ...rest } = props; | 
 |  |  |     const { assign, ...rest } = props; | 
 |  |  |     return ( | 
 |  |  |         <Button | 
 |  |  |             variant="text" | 
 |  |  |             color="primary" | 
 |  |  |             startIcon={<AssignmentIndIcon />} | 
 |  |  |             label="common.action.scope" | 
 |  |  |             onClick={(event, record) => { | 
 |  |  |                 console.log(record); | 
 |  |  |  | 
 |  |  |             onClick={(event) => { | 
 |  |  |                 event.stopPropagation(); | 
 |  |  |                 assign(record); | 
 |  |  |             }} | 
 |  |  |             {...rest} | 
 |  |  |         /> |