在css div表上使用jQuery扩展表行

时间:2011-10-27 11:58:34

标签: jquery css3 css-tables

我需要在表格上建立一个包含基本信息的人员列表,比如姓名,当点击该行时,它会在点击的行和下一行之间花费详细信息。

有关更直观的示例,请参阅jExpand jQuery plug-in,它正是这样做的,但是在常规的html表格上。

以下是a jsfiddle with the code

我的目标是当我点击Alice的名字时,会在Alice和Bernard之间创建一个新的div。

这个新div必须是表格的宽度。这是重要的事情。在css表中没有colspan。

我正在考虑一个占位符虚拟行,顶部有第二个绝对div,但无法用任何优雅的方式来实现它。

3 个答案:

答案 0 :(得分:0)

这样的东西? http://jsfiddle.net/95aZb/

答案 1 :(得分:0)

最后提出了一些不那么优雅但有效的东西。

<强> See this jsFiddle (使用“加载详细信息”按钮,然后单击一行)

还有一些想法,比如不可能使用jQuery的slideToggle()而不是toggle()。 如果有人有解决方案滑动元素与绝对定位的孩子,请告诉我。

我希望它能帮助别人:)

答案 2 :(得分:0)

这是我今天遇到的第三个“css div table”问题。答案是“使用表格”。

creating the same thing with divs as tables

how to create this css?