title: Edit table content(s) and save it to database
body: <p>I have a HTML table which shows data from a database and I want the table to be editable. I already tried to use    contenteditable but after that I just have no idea how to save the changes. The table has columns which contain date. Simple solution is much appreciated since I don't know much about web programming here is table my code:</p>
  
  <pre><code>&lt;div class="table-responsive"&gt;
      &lt;table class="table table-striped table-bordered table-hover" id="dataTables-example"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;&lt;center&gt;NO.&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;TANGGAL MASUK&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;TANGGAL MEMO&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;NO. MEMO&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;DARI&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;PERIHAL&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;TUJUAN&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;DISPOSISI&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;KETERANGAN&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;EDIT&lt;/th&gt;
                  &lt;th&gt;&lt;center&gt;FILE&lt;/th&gt;
                  &lt;/tr&gt;
              &lt;/thead&gt;
              &lt;tbody&gt;
              &lt;?php $i = 1;
              $query = mysql_query("select * from memo_masuk");
              while ($data = mysql_fetch_array($query)) {
              ?&gt;
                  &lt;tr&gt;
                  &lt;td&gt;&lt;center&gt;&lt;?php echo $i; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Tgl_masuk']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Tgl_memo']; ?&gt;&lt;center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['No_memo']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Dari']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Perihal']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Tujuan']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Disposisi']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td contenteditable&gt;&lt;center&gt;&lt;?php echo $data['Keterangan']; ?&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;center&gt;&lt;a href="edit-memo-masuk.php"&gt;&lt;button&gt;EDIT&lt;/button&gt;&lt;/a&gt;&lt;/center&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;?php $i++; } ?&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>