就像在这个演示中一样
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx
除了在这个演示中,它被添加为一个额外的行。 (单击其中一个“>”事项并检查页面源,它向表中添加了一个新行)。如果我使用这种策略,使用标准的Jquery插件(如表格分类器)很难排序。
想法?
答案 0 :(得分:3)
离开并做了一些思考我的评论,关于找到行高和覆盖div ...它是如此接近,但我不是jQuery高手,所以也许有人可以帮助整理它
我让它显示/隐藏div在正确的位置如果div /行在下一个打开之前关闭..但是如果你点击按钮2而div打开则没有得到正确的{{ 1}}位置(它在扩展后获取行所处的位置而不是原始行位置),我确定必须有一种方法来获取该位置,而不扩展行并存储它??
无论如何都有它..我知道它是非常冗长的,变量明智的,因为我只能应用CSS逻辑 - 我不太了解js或jquery函数和存储..我想如果我解释我如何得到我的变量以及需要哪些变量可能会帮助那些知道如何做得更好的人;)
输入/按钮没有文字,但它们是点击触发器
position()可能不是正确的用法,它需要div能够找到相关行的原始位置(在table-wrap div中?)
答案 1 :(得分:2)
你做不到。 <div>
不是<table>
或<tbody>
的有效孩子。您需要使用<tr>
。
我不知道该插件是如何工作的,但也许支持对多个<tbody>
元素进行排序,这样就可以对行集进行分组。
答案 2 :(得分:1)
div
位于td
内,在您点击>
答案 3 :(得分:0)
我不知道你是否可以那样做。在表格中放置一个标签是无效的(X)HTML,所以可能不会给你你想要的效果
答案 4 :(得分:0)
如果您查看该演示,他们将使用第二个&lt; tr&gt;在第一个下方,&lt; td&gt;这涵盖了大多数专栏。
答案 5 :(得分:0)
您可以在每个描述单元格下的表格单元格中嵌入一个详细信息表格,该表格单元格将不可见,并在tr点击时显示: http://jsfiddle.net/bouillard/QmK4Z/
答案 6 :(得分:0)
正如其他答案中所提到的,我们不能在表中添加div而不在TD中。但是,可能有一些事情可以将div放在行上。为了使div的效果显示在行内,我们可以在显示div时增加行的高度。这是最基本的demo。由于div实际上不在表中,如果表恰好排序,您可能希望隐藏div或将其重新定位到新的TR位置。它会提出自己的挑战,但你可以玩它,看它是否适合你。
答案 7 :(得分:0)
我有个主意。这真的很难看。我能想到的唯一想法是在排序行之前,分离其他行(使用div)并使用JQuery以某种方式存储它。然后在完成排序后,将行(带有div)重新连接到正确的位置。
那可能,不,我应该说WILL,真的很快变得难看,尤其是分页和过滤......