我需要在表格上建立一个包含基本信息的人员列表,比如姓名,当点击该行时,它会在点击的行和下一行之间花费详细信息。
有关更直观的示例,请参阅jExpand jQuery plug-in,它正是这样做的,但是在常规的html表格上。
我的目标是当我点击Alice的名字时,会在Alice和Bernard之间创建一个新的div。
这个新div必须是表格的宽度。这是重要的事情。在css表中没有colspan。
我正在考虑一个占位符虚拟行,顶部有第二个绝对div,但无法用任何优雅的方式来实现它。
答案 0 :(得分:0)
这样的东西? http://jsfiddle.net/95aZb/
答案 1 :(得分:0)
最后提出了一些不那么优雅但有效的东西。
<强> See this jsFiddle 强> (使用“加载详细信息”按钮,然后单击一行)
还有一些想法,比如不可能使用jQuery的slideToggle()而不是toggle()。 如果有人有解决方案滑动元素与绝对定位的孩子,请告诉我。
我希望它能帮助别人:)
答案 2 :(得分:0)
这是我今天遇到的第三个“css div table”问题。答案是“使用表格”。