如何创建一个在表行下面的div

就像在这个演示中一样

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

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

想法?

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

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

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

  • 输入/按钮没有文字,但它们是点击触发器

  • position()可能不是正确的用法,它需要div能够找到相关行的原始位置(在table-wrap div中?)

这是例子

你不能。

不是

的有效子

。 你需要使用

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

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

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,真的很快变丑,尤其是分页和过滤……