|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 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]} | 
|---|