|  |  |  | 
|---|
|  |  |  | const [formData, setFormData] = useState({ | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | code: '', | 
|---|
|  |  |  | groupId: '' | 
|---|
|  |  |  | groupId: 0 | 
|---|
|  |  |  | }); | 
|---|
|  |  |  |  | 
|---|
|  |  |  | const [tableData, setTableData] = useState([]); | 
|---|
|  |  |  | 
|---|
|  |  |  | setFormData({ | 
|---|
|  |  |  | name: '', | 
|---|
|  |  |  | code: '', | 
|---|
|  |  |  | groupId: '' | 
|---|
|  |  |  | groupId: 0 | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | matnrId: el.id, | 
|---|
|  |  |  | maktx: el.name, | 
|---|
|  |  |  | maktxCode: el.code, | 
|---|
|  |  |  | matnrCode: el.code, | 
|---|
|  |  |  | stockUnit: el.stockUnit || '', | 
|---|
|  |  |  | purUnit: el.purchaseUnit || '', | 
|---|
|  |  |  | ...dynamicFields | 
|---|
|  |  |  | 
|---|
|  |  |  | const [columns, setColumns] = useState([ | 
|---|
|  |  |  | // { field: 'id', headerName: 'ID', width: 100 }, | 
|---|
|  |  |  | { field: 'name', headerName: translate('table.field.matnr.name'), width: 300 }, | 
|---|
|  |  |  | { field: 'code', headerName: translate('table.field.matnr.code'), width: 100 }, | 
|---|
|  |  |  | { field: 'code', headerName: translate('table.field.matnr.code'), width: 200 }, | 
|---|
|  |  |  | { field: 'groupId$', headerName: translate('table.field.matnr.groupId'), width: 100 }, | 
|---|
|  |  |  | { field: 'spec', headerName: translate('table.field.matnr.spec'), width: 100 }, | 
|---|
|  |  |  | { field: 'model', headerName: translate('table.field.matnr.model'), width: 100 }, | 
|---|