title: datatable editor Unable to automatically determine field from source
body: <p>Having some problems in getting the editor of datatable to start working. keep getting the error Unable to automatically determine field from source. In my particular case the table is already loaded in html and on edit have to send the edited field to the server. Using inline edit functionality of the editor. Code for the initialization of datatable and editor is as follows</p>
  
  <pre><code> var ajaxBase = {
          dataType: "json",
          contentType: "application/json; charset=utf-8",
          processData: "false",
          headers: { "X-CSRFToken": '{{ csrf_token }}' },
          data:  function ( d ) {
            console.log(d)
                return JSON.stringify(d)
          }
     };
    var editor = new $.fn.dataTable.Editor( {
            table: "#response",
            fields: [ 
                {
                    name: "shop-name",
                    data:"shop-name"
                }, 
                {
                    name: "title"
                },
                {
                    name: "price"
                },
                {
                    name: "details",
                }
            ]
        } );
    $('#response').on( 'click', 'tbody td:not(:first-child, :nth-child(3), :nth-child(7), :nth-child(8))', function (e) {
  
            editor.inline(this);
        } );
  
    var table = $('#response').DataTable( {     
              fixedHeader: true,
              responsive:true,
              columns: [
                { "name": "group" },
                { "name": "shop-name" },
                { "name": "Thumbnail" },
                { "name": "title" },
                { "name": "price" },
                { "name": "details" },
                { "name": "url" },
                { "name": "manage" }
                ],
                  columnDefs: [{
                        render: function (data, type, full, meta) {
                          if (data.length&lt;100){
                            return "&lt;div class='text-wrap width-200'&gt;" + data +"&lt;/div&gt;";        
                                              }
                            return "&lt;div class='text-wrap width-200'&gt;&lt;div&gt;" + data.slice(0,100) + "&lt;a style='cursor:pointer;font-weight:bold;' onclick='show(this)'&gt;...Show More&lt;/a&gt;&lt;/div&gt;&lt;div style='display:none;'&gt;"+data+"    &lt;a style='cursor:pointer;font-weight:bold;' onclick='hide(this)'&gt;Show Less&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;";
                        },
                        targets: [5]
  
                    },
                         {
                        render: function (data, type, full, meta) {
                            return "&lt;div align='center' class='text-wrap width-20'&gt;" + data+"&lt;/div&gt;"
                        },
                        targets: [0,1,3,4]
                    },
                   {
  
                        render: function (data, type, full, meta) {
                            return "&lt;div align='center'&gt;&lt;a style='cursor:pointer;color:blue;' href='"+data+"'&gt;Open&lt;/a&gt;&lt;/div&gt;"
                        },
                        targets: [6]
                    },
  
                   {
                        render: function (data, type, full, meta) {
                            return "&lt;div align='center'&gt;&lt;img src='" + data+"' width='60px' height='60px'&gt;&lt;/img&gt;&lt;/div&gt;"
                        },
                        targets: [2]
                    },
                 ],
                       } );
  </code></pre>