无法将 jQuery tableeditor 附加到我的表中

Question

我下载了 jQuery tableeditor 但我不能使用。 我在页面中添加了 JS 文件：

<script src="../assets/jquery-tabledit-1.2.3/jquery.tabledit.js"></script>
    <script src="../assets/jquery-tabledit-1.2.3/jquery.tabledit.min.js"></script>
    <script>
        $('#sales_table').Tabledit({
            url: 'example.php',
            editButton: false,
            deleteButton: false,
            hideIdentifier: true,
            columns: {
                identifier: [0, 'id'],
                editable: [[2, 'firstname'], [3, 'lastname']]
            }
        });
    </script>

这是我的桌子：

        <table id="sales_table" border="1">
        <tr>
        <td id="firstname" name="firstname">a</td>
        <td>a</td>
        </tr>
        </table>

但是什么也没发生，并且无法编辑表格。 任何帮助表示赞赏。

Answer 1

您为可编辑列使用了错误的索引值，并且您还需要一个标识符列。通过调用Tableedit，标识符列被隐藏。

您似乎也没有引用主 jquery 库（至少在您提供的示例中）： JQuery

查看此示例以获取工作示例： Fiddle

如果您想更新表格并执行任何其他功能，则需要阅读文档：

Tableedit Docs

HTML

<table id="sales_table" border="1">
  <thead>
    <tr>
      <td>First name</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td id="identifier" name="identifier">1</td> 
      <td id="firstname" name="firstname">John</td>
    </tr>
  </tbody>
</table>

JQuery

$('#sales_table').Tabledit({
  url: 'example.php',
  editButton: false,
  deleteButton: false,
  hideIdentifier: true,
  columns: {
    identifier: [0, 'id'],
    //Note that I've modified the column index values.
    editable: [[1, 'firstname'], [2, 'lastname']]
  }
});