Tengo lo que creo que es una matriz de objetos como este muestra console.log
Array(39) [ {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, … ] 0: Object { Name: "Jason", Grade: 12 }¿Qué código debo usar para formatearlo para que la tabla de datos jQuery me permita configurar esto como fuente?
Intenté hacer esto, pero me da un error:
$.myjQuery = function(testData) { $('#example').DataTable({ data: testData, columns: [ { title: 'Name' }, { title: 'Grade' }, ], });Mirando la documentación
y foros
Necesitas
columns: [ { data: 'Name' }, { data: 'Grade' }, ]usando tus datos
const dataSet = [ { Name: "Jason", Grade: 12 }, { Name: "Mike", Grade: 11 }, { Name: "Freddie", Grade: 10 }] $(function () { $('#example').DataTable({ data: dataSet, columns: [ { data: 'Name' }, { data: 'Grade' }, ], }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> <link src="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css" /> <table id="example" class="display" width="100%"></table>O ESTO al convertir a matrices anidadas
const yourArray = [ { Name: "Jason", Grade: 12 }, { Name: "Mike", Grade: 11 }, { Name: "Freddie", Grade: 10 }] const dataSet = yourArray.map(({Name,Grade}) => [Name,Grade]) $(function () { $('#example').DataTable({ data: dataSet, columns: [ { title: 'Name' }, { title: 'Grade' }, ], }); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdn.datatables.net/1.12.1/js/jquery.dataTables.min.js"></script> <link src="https://cdn.datatables.net/1.12.1/css/jquery.dataTables.min.css" /> <table id="example" class="display" width="100%"></table>