jQuery技术:如何创建一个在表行下面的div

就像在这个演示中一样

https://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

除了在这个演示中,它被添加为一个额外的行。 (单击其中一个“>”项并检查页面源,它​​向表中添加了一个新行)。 如果我使用这种策略,使用标准的Jquery插件(如表格分类器)很难排序。

想法?

    离开并做了一些思考我的评论,关于找到行高和覆盖div …它是如此接近,但我不是jQuery高手,所以也许有人可以帮助整理这个

    我把它显示/隐藏div在正确的位置如果div /行在下一个打开之前关闭..但如果你点击按钮2而div打开则没有得到正确的top位置(它获得扩展后行所处的位置而不是原始行位置),我确信必须有一种方法来获取该位置,而行不会扩展并存储它?

    无论如何都有它..我知道这是非常冗长的,变量明智的,因为我只能应用CSS逻辑 – 我不太了解js或jquery函数和存储..我想如果我解释我是如何得到的对于我的变量以及需要哪些变量,它可以帮助那些知道如何使这更好的人;)

    这是例子

    你不能。

    不是

    的有效子

    。 你需要使用

    我不知道该插件是如何工作的,但也许支持对多个

    元素进行排序,这样就可以对行集进行分组。

    div位于td内部,在您单击>之前将其隐藏

    这是一个演示: http : //jsfiddle.net/maniator/7RLhL/1/

    我不知道你能否做到。 在表格中放置一个标签是无效的(X)HTML,所以可能不会给你你想要的效果

    如果你看看那个演示,他们会在第一个下面使用第二个

    ,其中

    跨越大多数列。

    您可以在每个描述单元格下的表格单元格中嵌入一个详细信息表格,该表格单元格将不可见,并在tr点击时显示: http : //jsfiddle.net/bouillard/QmK4Z/

    正如其他答案中所提到的,我们不能在表中添加div而不在TD中。 但是,可能有一些事情可以将div放在行上。 为了使div显示为行内部的效果,我们可以在显示div时增加行的高度。 这是非常基本的演示 。 由于div实际上并不在表中,如果表恰好排序,您可能希望隐藏div或将其重新定位到新的TR位置。 它会提出自己的挑战,但你可以玩它,看看它是否适合你。

    我有个主意。 这真的很难看。 我能想到的唯一想法是在排序行之前,分离其他行(使用div)并使用JQuery以某种方式存储它。 然后在完成排序后,将行(带有div)重新连接到正确的位置。

    那可能,不,我应该说WILL,真的很快变丑,尤其是分页和过滤……

      以上就是jQuery教程分享如何创建一个在表行下面的div相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/561651.html

      (0)
      上一篇 2021年2月4日
      下一篇 2021年2月4日

      精彩推荐