Estoy utilizando el componente Datatables de jquery (http://datatables.net/).
Para alimentar la tabla, le paso los datos al componente mediante un array JS, que asigno mediante las opciones: aaData y defino mediante aoColumns
Tengo que agregarle la funcionalidad de añadir nuevas filas en blanco, para insertarla posteriormente mediante inline editing. Al generar la nueva fila me muestra el siguiente error:
DataTables warning (table id = 'nombre-tabla'): Requested unknown parameter 'ConceptoBase' from the data source for row 3
El código es el siguiente:
Carga de Datos
Código Javascript:
Ver original
function cargarDatosTabla(nombreTabla, arrDatos) { $("#" + nombreTabla).dataTable({ "oLanguage": { "sUrl": "/_layouts/3082/JS/DataTable/dataTables.spanish.txt" }, "bPaginate": false, "bFilter": false, "aaData" : arrDatos, "aoColumns" : [ { "sTitle" : "Concepto Base" , "mDataProp" : "ConceptoBase" },[...]
Botón Añadir
Código Javascript:
Ver original
$(".btn-anadir").on("click", function(e) { e.preventDefault(); $(this).attr('disabled', 'disabled'); var oTable = $(this).parent().next('div').children('table.tb-datos').dataTable(); var aiNew = oTable.fnAddData(['', '', '', '', '', '', '<a class="txt-center display-block" href=""><img src="/_layouts/3082/JS/DataTable/images/edit.png" alt="editar" title="editar" /></a>', '<a class="txt-center display-block delete" href=""><img src="/_layouts/3082/JS/DataTable/images/delete.png" alt="borrar" title="borrar" /></a>']); var nRow = oTable.fnGetNodes(aiNew[0]); editRow(oTable, nRow); nEditing = nRow; });
El error salta al completar la variable aiNew.
¿Sabe alguien cómo podría solucionarlo o si me toca cambiar de estrategia?
Muchas gracias.
Saludos.