|  |  | 
 |  |  |                     <Grid container spacing={2}> | 
 |  |  |                         <Grid item md={2}> | 
 |  |  |                             <TextField | 
 |  |  |                                 label={translate('table.field.locItem.locCode')} | 
 |  |  |                                 name="locCode" | 
 |  |  |                                 value={formData.locCode} | 
 |  |  |                                 onChange={handleChange} | 
 |  |  |                                 size="small" | 
 |  |  |                             /> | 
 |  |  |                         </Grid> | 
 |  |  |                         <Grid item md={2}> | 
 |  |  |                             <TextField | 
 |  |  |                                 label={translate('table.field.locItem.maktx')} | 
 |  |  |                                 name="maktx" | 
 |  |  |                                 value={formData.maktx} | 
 |  |  | 
 |  |  |     const notify = useNotify(); | 
 |  |  |  | 
 |  |  |     const [columns, setColumns] = useState([ | 
 |  |  |         // { field: 'id', headerName: 'ID', width: 100 }, | 
 |  |  |         { field: 'locCode', headerName: translate('table.field.locItem.locCode'), width: 100 }, | 
 |  |  |         { field: 'matnrCode', headerName: translate('table.field.locItem.matnrCode'), width: 200 }, | 
 |  |  |         { field: 'maktx', headerName: translate('table.field.locItem.maktx'), width: 300 }, | 
 |  |  |         { field: 'batch', headerName: translate('table.field.locItem.batch'), width: 100 }, | 
 |  |  |         { field: 'anfme', headerName: translate('table.field.locItem.anfme'), width: 100 }, | 
 |  |  |         // { field: 'workQty', headerName: translate('table.field.locItem.workQty'), width: 100 }, | 
 |  |  |         { field: 'unit', headerName: translate('table.field.locItem.unit'), width: 100 }, | 
 |  |  |  | 
 |  |  |     ]) | 
 |  |  |  | 
 |  |  |  |