title: Make all cells editable in DataTables
body: <p>I am using datatables 1.10.12 and I am having a simple table being drawn with:</p>
  
  <pre><code>projectRevenue = $('#projectRevenue').DataTable({
      serverSide: true,
      processing: true,
      scrollX: true,
      stateSave: true,
      ajax: {
              url: "{!! route('listOfProjectsRevenueAjax',$project-&gt;id) !!}",
              type: "GET",
              dataType: "JSON"
          },
      columns: [
          { name: 'id', data: 'id' , searchable: false , visible: false },
          { name: 'year', data: 'year' , searchable: true , visible: true },
          { name: 'product_code', data: 'product_code' , searchable: true , visible: true  },
          { name: 'jan', data: 'jan' , searchable: true , visible: true },
          { name: 'feb', data: 'feb' , searchable: true , visible: true },
          { name: 'mar', data: 'mar' , searchable: true , visible: true },
          { name: 'apr', data: 'apr' , searchable: true , visible: true },
          { name: 'may', data: 'may' , searchable: true , visible: true },
          { name: 'jun', data: 'jun' , searchable: true , visible: true },
          { name: 'jul', data: 'jul' , searchable: true , visible: true },
          { name: 'aug', data: 'aug' , searchable: true , visible: true },
          { name: 'sep', data: 'sep' , searchable: true , visible: true },
          { name: 'oct', data: 'oct' , searchable: true , visible: true },
          { name: 'nov', data: 'nov' , searchable: true , visible: true },
          { name: 'dec', data: 'dec' , searchable: true , visible: true },
  </code></pre>
  
  <p>I would like to be able to edit the cells so that it will get updated in the database. For this I would need to have each  with contenteditable set to true and to have a class for example update => for this, I add className: "update", but I don't know how to make it content editable.</p>