jquery.edit-table.js Developer's Site

ewai.info | github | Issues

Nomal | Import Data | Export Data | Option

Demo - Nomal

OrderDate BookId BookName BookType Amount Used
2013/02/14 Item-1 Book A 0
2013/02/14 Item-1 Book A 0
2013/02/14 Item-1 Book A 0

Javascript Code

$(function() {
  $('#editTable').editTable();
});

HTML Code

<table id="editTable">
  <thead>
    <tr>
      <th>OrderDate</th>
      <th>BookId</th>
      <th>BookName</th>
      <th>BookType</th>
      <th>Amount</th>
      <th>Used</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="Date">2013/02/14</td>
      <td class="String">Item-1</td>
      <td class="String">Book A</td>
      <td class="Select">
        <select>
          <option value="" selected="selected"></option>
          <option value="novel">novel</option>
          <option value="comic">comic</option>
          <option value="hardback">hardback</option>
        </select>
      </td>
      <td class="Number">0</td>
      <td class="Checkbox"><input type="checkbox"></td>
    </tr>
    <tr>
      <td class="Date">2013/02/14</td>
      <td class="String">Item-1</td>
      <td class="String">Book A</td>
      <td class="Select">
        <select>
          <option value="" selected="selected"></option>
          <option value="novel">novel</option>
          <option value="comic">comic</option>
          <option value="hardback">hardback</option>
        </select>
      </td>
      <td class="Number">0</td>
      <td class="Checkbox"><input type="checkbox"></td>
    </tr>
    <tr>
      <td class="Date">2013/02/14</td>
      <td class="String">Item-1</td>
      <td class="String">Book A</td>
      <td class="Select">
        <select>
          <option value="" selected="selected"></option>
          <option value="novel">novel</option>
          <option value="comic">comic</option>
          <option value="hardback">hardback</option>
        </select>
      </td>
      <td class="Number">0</td>
      <td class="Checkbox"><input type="checkbox"></td>
    </tr>
  </tbody>
</table>