title: Inline editing and Save datatable
body: <p>I need to get inline editing in datatable columns and following is my code.</p>
  
  <pre><code>Contact.DataTable = $('#otable').DataTable( {
  "ajax": {
                  "url" : '/Contact/' + Contact.id,
                  "dataSrc": function(json) {
                        return json.data;
                  },
               },
              "responsive": true,
              "columns": [
                  { "data": "id"},
                  { "data": "Course", "sClass": "course" },
                  { "data": "Category", "sClass": "category" },
                  { "data": "name" },
                  {
                        "render": function ( data, type, method, meta ) {
                         return Contact.saveContact(method);
                      }
                  },
              ]
          } );
  </code></pre>
  
  <p>I need to get inline editing for the fields</p>
  
  <ol>
  <li><strong>Course</strong>  - dropdown box showing as inline </li>
  <li><strong>Category</strong> - text field showing as inline </li>
  </ol>
  
  <p>There will be a 'save' button each row - This will save the changes after editing dropdown and text.</p>
  
  <p>Please help me to get inline editing and save without using editor plug-in.</p>
  
  <p><a href="https://i.stack.imgur.com/QlHAK.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QlHAK.jpg" alt="enter image description here"></a></p>