如何使用footable创建始终可编辑的列

Question

我想使用footable (我已经使用footable作为它的响应式爆炸显示)，这个用来显示来自数据库的记录，但需要有一个列(它显示产品的库存数量)，用户只需输入就可以修改。有没有办法让内容有一些可编辑的栏目……任何想法都会受到欢迎。

Answer 1

您可以将列呈现为HTML，这将防止footable接管单元格的内容，并为每一行提供一个<input type="text" />。

类似于：

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th data-type="html">In stock</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Apples</td>
      <td><input type="number" step="any" value="3"/></td>
    </tr>
    <tr>
      <td>Oranges</td>
      <td><input type="number" step="any" value="0"/></td>
    </tr>
  </tbody>
</table>

查看https://fooplugins.github.io/FooTable/docs/getting-started.html上的文档，查找“列选项”>“类型”。

呈现之后，您可以将事件侦听器附加到输入字段，并相应地发送ajax调用。