Footable - 在列标题

Question

我们已将footable添加到复杂表格中。主要方面是按需工作。但是，我们在其中一个列标题中有一个表单，其中包含一个复选框，可以切换列中的所有复选框。 Footable阻止表标题行中的表单中的此复选框起作用。

我们尝试了两种方法：

1. 寻找一种方法来使表单在footable中工作。这类似于添加data-type =“html”以允许列中的html。但是，这不起作用。我们还没有找到使表单有效的方法;但是，如果可能的话，这将是首选方法。

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

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

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

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



在我写这篇文章时，我发现也许复选框可以在没有表单的情况下工作;可能会探索下一个。

Answer 1

我们发现了问题的近因，以及解决方法。

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

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

我们已在此问题中引用的页面上应用此方法，并且它可以根据需要运行。由于现在我们已经解决了这个问题，因此我们更改了上面给出的临时密码，公众将无法再访问该页面。