​

​

const dataExample = [{'name': 'Pepe',

                'position': 'System Architect'},  

                {'name': 'Garrett',

                'position': 'Director'}];

​

const columnsExample = [{

        data: "name",

        title: "Name",

        render: function(data, type, full, meta) {

            //return '<input id="id' + data  + '" value="'  + data + '"/>';

         const input = $('<input>').attr({

                        type: 'text',

                        id: 'id' + data,

                        value: data,

           'data-colindex': meta.col,

                    });

          $('#idPepe').on('change', function() {

              /// event is not fired

              $('#idPepe').val('name changed');

          });

         return input.prop('outerHTML');

        }

    },

    {

        data: "position",

        title: "Position"

    }

    ];

​

​

var table = new DataTable('#example', {

  paginate:true,

  data: dataExample,

  columns: columnsExample});

​

​

​

​