|  |  | 
 |  |  |         } | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     const StyledTable = styled(TableRow)(({ theme }) => ({ | 
 |  |  |         "& .MuiButtonBase-root.": { | 
 |  |  |             padding: "0px 0px", | 
 |  |  |         }, | 
 |  |  |     })); | 
 |  |  |  | 
 |  |  |     const StyledTableRow = styled(TableRow)(({ theme }) => ({ | 
 |  |  |         "& .MuiButtonBase-root.": { | 
 |  |  | 
 |  |  |             minWidth: 100, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  |             id: 'matnk', | 
 |  |  |             label: 'table.field.asnOrderItem.matnk', | 
 |  |  |             id: 'maktx', | 
 |  |  |             label: 'table.field.asnOrderItem.maktx', | 
 |  |  |             minWidth: 100, | 
 |  |  |         }, | 
 |  |  |         { | 
 |  |  | 
 |  |  |  | 
 |  |  |                     <TableBody> | 
 |  |  |                         {rows.map((row) => ( | 
 |  |  |                             <StyledTableRow key={row.id || Math.random()}> | 
 |  |  |                             <StyledTableRow key={row.id + Math.random()}> | 
 |  |  |                                 {columns.map((column) => ( | 
 |  |  |                                     <StyledTableCell key={column.id} > | 
 |  |  |                                         {row[column.id]} |