DataTables-在父行顶部打开子行

时间:2018-12-28 14:15:26

标签: datatable datatables

我需要实现以下功能:子行将在父行的顶部(而不是底部)滑动并打开。谁能帮忙。

<?xml version="1.0" encoding="UTF-8"?>
<jnlp spec="1.0+" codebase="http://192.168.111.25:8180/pos-web/">
 <information> <title>CajaPos</title> <vendor>xxx</vendor>
</information>
<security><all-permissions/>
</security>
<resources>
<j2se version="1.2+"/>
 <jar href="xx.jar" 
main="true" /> 
</resources
<application-desc main-class="ec.com.xx.pos"  type="JavaFX">
<argument>XY</argument>
</application-desc>
</jnlp>

https://jsfiddle.net/nnb97rh9/3/

1 个答案:

答案 0 :(得分:1)

问题在于HTML嵌套行下方显示了一个嵌套表。当您按下绿色按钮时,您正在使用的datatables例程会设置一个嵌套表,因此遇到了HTML限制。

可能 的唯一方法是非常混乱的:单击绿色按钮,转到当前按钮之前的行,然后在其上调用format函数。 (当然,在移动到上一行之后,您必须找到一种从当前行而不是上一行传递row.data的方法。另外,我不会考虑其他麻烦之处。 )

这就引出了如何处理第一行的问题,因为第一行之前没有。您可能需要为此提供其他功能。这全都是违反直觉的,不合逻辑的:您真的不想将表格嵌套在与之无关的行中。

这带给我们为什么您首先要这样做的原因。几乎可以肯定会让您的用户感到困惑:您所做的与世界上其他地区的99.99999%基本上不同,从而使您的用户失去了以前的体验,并使您的UX违反直觉。作为比较,如果您想要“下拉列表”而不是更常用的下拉列表怎么办?这不会让大多数用户感到困惑吗?

我的建议是考虑放弃这个想法。退后一步,重新考虑要完成的工作,然后查看是否可以以更接近既定UI行为的方式执行操作。用户更喜欢使用UI,以利用他们过去使用UI的经验,因此他们不必花费额外的时间来学习一种新的做事方式。不要要求他们找到新的方法来做他们已经知道怎么做的事情,否则他们将不会使用您的应用程序。