如何在页脚处创建一个始终可编辑的列

时间:2019-01-23 19:22:02

标签: contenteditable footable

我想使用footable(我已经使用footable进行响应式爆炸显示)了,这是为了显示来自数据库的记录,但需要有一个列(用于显示产品的库存量)用户只需键入即可进行修改。有什么办法可以使某种内容可编辑的列...。 任何想法都会受到欢迎

1 个答案:

答案 0 :(得分:0)

您可以将列呈现为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调用。