Footable - 在列标题

时间:2016-05-10 14:31:20

标签: javascript css-position footable

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

我们尝试了两种方法:

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

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

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

    1. 转到https://qa.rephunter.net
    2. 点击右上角的登录
    3. 会员ID:2322
    4. 密码:changemenow
    5. 点击“管理联系人”
    6. 点击“跟踪联系人”
    7. 在页面左侧,您将看到带有小表单的存档列标题。我附上了一个屏幕截图,显示了页面的一部分,并选中了标题中的复选框。正确的功能是检查列中的所有复选框,您可以看到它们未被选中。

      enter image description here

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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