He leído varias respuestas que parecen bastante sencillas, pero ninguna me funciona.

Tengo una tabla javascript:

 $(document).ready(function () { var table = $('#data').DataTable({ ajax: '/api/data', columns: [ { className: 'dt-control', orderable: false, data: null, defaultContent: '', width:"15px" }, {data: 'Lead ID'}, {data: 'FirstName'}, {data: 'Last Name'}, {data: 'Company / Account'}, {data: 'Email'}, {data: 'Work Phone'}, {data: 'Phone'}, {data: 'Mobile'}, {data: 'Create Date'}, {data: 'Last Modified'}, {data: 'Lead Status Life Cycle'}, {data: 'Referring Rep E-Mail'}, {data: 'Referring Rep Last Name'}, {data: 'State/Province'}, {data: 'IRK Sales Rep'}, { className: 'qtemp', data: 'DLin' }, {data: 'DLout'} ], });

Y quiero hacer clic en una celda en la columna className: 'qtemp' y devolver el valor, que luego envío a una aplicación de matraz. Pero obtengo 'indefinido' cuando intento esto:

 $('#data tbody').on('click', 'td', function () { <!-- var layout = $(this).data('rep');--> var layout = $(this).innerHTML; $.ajax({ url: "/workstation", type: "get", data: {layout: layout}, success: function(response) { var new_html = response.html; alert(layout); }, }); });

¿Es porque la tabla se produce con JS, por lo que innerHTML no funciona?