Footable - 在列标题中添加表单的问题

Question

我们为复杂表格添加了footable。主要方面按预期工作。但是，我们在其中一个列标题内有一个带有复选框的表单，该复选框导致列中的所有复选框都被切换。 Footable 阻止表格标题行中的表单中的此复选框起作用。

我们尝试了两种方法：

1. 寻找一种方法使表单能够在footable 内工作。这类似于添加 data-type="html" 以允许列中的 html。但是，这是行不通的。我们还没有找到使表单工作的方法；但是，如果可能的话，这将是首选方法。

2. 将表单移出表格，并使用绝对定位将其放置在所需的列标题中。但是，在响应式条件下，绝对定位失败，因为相对定位的父级现在在表格之外，定位很难控制。

您可以按照以下说明查看页面的开发版本：

1. 转到https://qa.rephunter.net
2. 点击右上角登录
3. 会员编号：2322
4. 密码：changemenow
5. 点击“管理联系人”
6. 点击“追踪联系人”

在页面左侧，您将看到带有小表单的存档列标题。我附上了显示页面一部分的屏幕截图，并选中了标题中的复选框。正确的功能是检查列中的所有复选框，您可以看到没有选中。

在我写这篇文章时，我突然想到，如果没有表单，复选框可能会起作用；接下来可能会探索。

Answer 1

我们发现了问题的近因和解决方法。

近端原因：在表格行的单元格内支持表单时，不支持在标题行中具有绑定 onclick javascript 函数的控件。我们尚未确认此限制，也未发现根本原因，但所描述的限制似乎是合理的。

解决方法：不要将表单放在标题行中，而是将其完全放在表格之外，并使用绝对定位使其看起来在标题单元格中。

我们已在此问题中引用的页面上应用了此方法，并且可以正常工作。因为问题现在已经为我们解决了，所以我们已经更改了上面给出的临时密码，该页面将不再对公众开放。