数据表未捕获类型错误：无法读取未定义的属性“添加”（asp.net / js）

Posted 2023-05-08

【中文标题】数据表未捕获类型错误：无法读取未定义的属性“添加”（asp.net / js）

【英文标题】：Datatable Uncaught TypeError: Cannot read property 'add' of undefined (asp.net / js)

【发布时间】：2021-06-24 08:00:12

【问题描述】：

我来了

Uncaught TypeError: Cannot read property 'add' of undefined.

带有数据表。

这是我的 html 和 JS 代码：

function agregarFila(data) 

  let tabla = $('#tablaPedidos').DataTable();
  for (var i = 0; i < data.length; i++) 

    tabla.rows.add([
      data[i].productoID,
      data[i].producto,
      data[i].cliente,
      data[i].usuario,
      data[i].fechaCreacion,
      data[i].estado
    ]).draw();
    

<div class="box-body table-responsive">
        <table id="tablaPedidos" class="table table-bordered table-hover">
            <thead>
                   <tr>
                    <th>ID</th>
                    <th>Producto</th>
                    <th>Cliente</th>
                    <th>Usuario</th>
                    <th>Fecha de creacion</th>
                    <th>Estado</th>
                   </tr>
                </thead>
            
            <tbody id="tablaPedidosBody">
    
            </tbody>
        </table>
    
        </div>
        
        <script src="js/jquery.min.js"></script>
        <script src="js/plugins/datatables/jquery.dataTables.js"></script>
        <script type="text/javascript" src="js/listaPedidos.js"></script>

我不知道是什么原因造成的，谁能帮我解决这个问题？

【参考方案1】：

根据https://datatables.net/examples/api/add_row.html 判断，您需要tabla.row.add(...) 而不是tabla.rows.add(...)（注意.row 与.rows）。此外，您应该在添加行之前添加 debugger; 语句，并在打开浏览器开发工具（通常为 F12）的情况下运行此代码 - 您将能够检查您的变量并检查哪些方法可用。