|  |  | 
 |  |  |     '& .opt': { | 
 |  |  |         width: 200 | 
 |  |  |     }, | 
 |  |  |     '& .MuiTableCell-root': { | 
 |  |  |     whiteSpace: 'nowrap', | 
 |  |  |     overflow: 'visible', | 
 |  |  |     textOverflow: 'unset' | 
 |  |  |   } | 
 |  |  | })); | 
 |  |  |  | 
 |  |  | const filters = [ | 
 |  |  | 
 |  |  |     } | 
 |  |  |  | 
 |  |  |     return ( | 
 |  |  |         <Box sx={{ position: 'relative', minHeight: "60vh", }}> | 
 |  |  |         <Box sx={{ position: 'relative', minHeight: "82vh", }}> | 
 |  |  |             {isLoading && ( | 
 |  |  |                 <LinearProgress | 
 |  |  |                     sx={{ | 
 |  |  | 
 |  |  |                     preferenceKey='warehouseAreasItem' | 
 |  |  |                     bulkActionButtons={false} | 
 |  |  |                     rowClick={(id, resource, record) => false} | 
 |  |  |                     omit={['id', 'createTime', 'memo', 'areaId', 'brand', 'createBy$', 'weight', 'matnrId', 'batch', 'shipperId', 'splrId', 'platWorkCode', 'projectCode']} | 
 |  |  |                     omit={['prodTime','unit','platOrderCode','trackCode','id', 'createTime', 'memo', 'areaId', 'brand', 'createBy$', | 
 |  |  |                          'weight', 'matnrId', 'batch', 'shipperId', 'splrId', 'platWorkCode', 'projectCode','statusBool']} | 
 |  |  |                 > | 
 |  |  |                     {columns.map((column) => column)} | 
 |  |  |                 </StyledDatagrid>} |