[Question]How to place data in a datatable from an alert dialog

[AngelCard]

Question

When I fill a form from the alert dialog and click on accept, the datatable does not place the corresponding data but is placed in green background in the container.
Before:

After:

Code sample

#Alert Dialog Añadir Datos
        def datos_dialog(e):
            
            def cancelar(e):
                datos_dialog.open = False
                page.update()
        
            def aceptar(e):
                table_inventario.rows.append(
                    DataRow(
                        cells=[
                            DataCell(Text(input_codigo.value)),
                            DataCell(Text(stock_inicial.value)),
                            DataCell(Text(producto.value)),
                            DataCell(Text(descripcion.value)),
                        ]
                    )
                )
                datos_dialog.open = False
                page.update()
                
            #Inputs    
            input_codigo = TextField(
                width=146, 
                height=44,
                border_radius=5,
                border_color='#43088E',
                focused_border_color='#43088E',                                            
            )
                
            stock_inicial = TextField(
                width=68, 
                height=44,
                text_align=TextAlign.CENTER,
                border_radius=5,
                border_color='#43088E',
                focused_border_color='#43088E',  
                keyboard_type=KeyboardType.NUMBER                                          
            )
            
            producto = TextField(
                width=280, 
                height=50,
                border_radius=5,
                border_color='#43088E',
                focused_border_color='#43088E',                                            
            )
            
            descripcion = TextField(
                width=280, 
                height=50,
                border_radius=5,
                border_color='#43088E',
                focused_border_color='#43088E',                                            
            )
                
                
                
            datos_dialog = AlertDialog(
                shape=RoundedRectangleBorder(radius=20),
                content_padding=0,
                actions_padding=0,
                title_padding=0,
                modal=True,
                content=Container(
                    Column(
                        alignment=MainAxisAlignment.SPACE_EVENLY,
                        horizontal_alignment=CrossAxisAlignment.CENTER,
                        controls=[
                            #Código y Stock Inicial
                            Row(
                                alignment=MainAxisAlignment.CENTER,
                                spacing=15,
                                controls=[
                                    #Código 
                                    Container(
                                        Column(
                                            horizontal_alignment=CrossAxisAlignment.CENTER,
                                            controls=[
                                                Text(
                                                    'CÓDIGO',
                                                    color='#FFFFFF',
                                                    font_family='Inter',
                                                    size=18,
                                                    weight='w600'
                                                ),
                                                Container(
                                                    content = input_codigo,
                                                    blur=Blur(10,12, BlurTileMode.MIRROR),
                                                    border_radius=5
                                                )
                                            ]
                                        )
                                    ),
                                    #Stock
                                    Container(
                                        Column(
                                            horizontal_alignment=CrossAxisAlignment.CENTER,
                                            controls=[
                                                Text(
                                                    'STOCK INICIAL',
                                                    color='#FFFFFF',
                                                    font_family='Inter',
                                                    size=18,
                                                    weight='w600'
                                                ),
                                                Container(
                                                    stock_inicial,
                                                    blur=Blur(10,12, BlurTileMode.MIRROR),
                                                    border_radius=5
                                                )
                                            ]
                                        )
                                    )
                                ],
                            ),
                            #Producto
                            Container(
                                Column(
                                    horizontal_alignment=CrossAxisAlignment.CENTER,
                                    controls=[
                                        Text(
                                            'PRODUCTO',
                                            color='#FFFFFF',
                                            font_family='Inter',
                                            size=18,
                                            weight='w600'
                                        ),
                                        Container(
                                            producto,
                                            blur=Blur(10,12, BlurTileMode.MIRROR),
                                            border_radius=5
                                        )
                                    ]
                                )
                            ),
                            #Descripción 
                            Container(
                                Column(
                                    horizontal_alignment=CrossAxisAlignment.CENTER,
                                    controls=[
                                        Text(
                                            'DESCRIPCIÓN',
                                            color='#FFFFFF',
                                            font_family='Inter',
                                            size=18,
                                            weight='w600'
                                        ),
                                        Container(
                                            descripcion,
                                            blur=Blur(10,12, BlurTileMode.MIRROR),
                                            border_radius=5
                                        ),
                                        
                                    ]
                                )
                            ),
                            #Botones Acptar y Cancelar
                            StylesBtns(cancelar, aceptar)
                        ]
                    ),
                    gradient=LinearGradient(
                        colors=['#1B629D, 0.60', '#3FC3A1, 0.80'],
                        begin=alignment.top_center,
                        end=alignment.bottom_center
                    ),
                    border_radius=20,
                    width=400,
                    height=444
                )
            )
            
            page.dialog = datos_dialog
            datos_dialog.open = True 
            page.update()
            
        
        #Tabla Inventario
        table_inventario = DataTable(
            
            horizontal_lines=border.BorderSide(1, '#000000'),
            columns=[
                DataColumn(Text(
                    'CÓDIGO',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
                DataColumn(Text(
                    'PRODUCTO',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
                DataColumn(Text(
                    'DESCRIPCIÓN',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
                DataColumn(
                Text(
                    '''STOCK 
INICIAL''',
                    color='#000000',
                    font_family='Inter',
                    weight='w700',
                    max_lines=2,
                    text_align=TextAlign.CENTER
                ),
                
                ),
                DataColumn(Text(
                    'ENTRADAS',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
                DataColumn(Text(
                    'SALIDAS',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
                DataColumn(Text(
                    'TOTAL',
                    color='#000000',
                    font_family='Inter',
                    weight='w700'
                )),
            ], 
            
            rows=[]
        )

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

Please provide some runnable code so one can test and help.

[ingdesarr1]

Que la tabla cambie a gris, puede ser que este sucediendo un error. Viendo el código rapidamente, veo que cuando agrega datos, solo agrega 4 de las siete columnas de la tabla. Cuando se agrega información a una tabla, se tiene que agregar la misma cantidad de celdas que columnas tenga la tabla. Puede intentar poner valores vacios o nulos y verificar

[avilca]

El error me parece que es que en tu Datatable tienes 7 columnas y tu solo ingresas 4 valores, tienes que ingresar la misma cantidad de columnas( 7 columnas = 7 valores)