替代嵌套表

时间:2013-07-26 10:46:58

标签: html html-table nested

我目前正在使用html嵌套表来显示SQL查询的输出。但是,由于html嵌套表占用了大量内存,我正在寻找替代方案。我可以以某种方式创建几个彼此相邻的表,以实现相同的结果吗?

选项1 - 当前解决方案:

<table>
<td>
<table class='s'>
<tr><td></td></tr>
</table>
</td>
</td>
<table class='s'>
<tr><td></td></tr>
</table>
</td>
</table>

选项2               

<table class='s'>
<tr><td></td></tr>
</table>

...

<table class='s'>
<tr><td></td></tr>
</table>

PS。抱歉上面的奇怪格式,它一直用标签

删除我的代码

1 个答案:

答案 0 :(得分:0)

由于分页不是一种选择......

你是对的,你使用什么技术无关紧要 - 比我的任何东西都更好奇。另外,我不熟悉PHP,所以请把我的想法作为摘要。您是否尝试过/考虑过以下内容(我创建了一个小提琴来演示此http://jsfiddle.net/ninja1/ynuDV/的图形部分):

  • 使用CSS“table”定义该给定页面中任何/所有“表格”的显示使用display:inline-block;
  • 渲染第一个表而不进行任何嵌套。使用一个按钮或任何你希望拥有一个杠杆/键/ rowId / userId的控件来反映你的选择。
  • 然后你会拦截这个控件的动作,如果是一个按钮 - 那么无论何时单击该按钮,它都会调用一个方法,根据table1中的选择动态地以编程方式创建第二个表。
  • 使用table1的输入渲染表2后,同样的规则将应用于table2。再次使用控件并捕获/利用table2中的选择,然后最终成为以编程方式创建的table3的输入。

正如你所看到的那样,我已经附上了这个小提琴;尝试通过抓住中央分隔线并向左/向右移动来调整窗格大小。您会注意到,如果显示大小允许,表格排列在一起。

希望这有帮助:)告诉我。


我认为这里最好的方法是让分页可用于表格。

此外,您可以允许用户设置呈现的页面大小 - 从而允许他们优化以获得最佳性能。因此,您可以在表格下方放置一个用户可以编辑的文本框,并预先填充您最初的决定,即每页显示20条记录。

最后,确保使用页面大小和页码参数实现SQL查询/存储过程,以便数据库执行逻辑并仅返回所需的数据集。 考虑类似这样的事情http://blog.sqlauthority.com/tag/sql-paging/