如何拥有一个始终可编辑的列

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 上的文档，查找 "Column Options" > "Type" .

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

如何拥有一个始终可编辑的列

How to have an always editable column with footable

contenteditable

footable