在同一页面上多次重复表格答案

【问题标题】：Repeat a table multiple times on same page在同一页面上多次重复表格
【发布时间】：2011-11-14 16:41:23
【问题描述】：

我有一个相当复杂的 html 表格，其中包含大量 PHP、CSS 等，它包含大约 200 行代码。我需要在我的网页上的三个不同区域复制表格。第二次和第三次复制表格的最佳方法是什么，这样我就不必每次都复制和粘贴 200 行代码？当然，必须有一个最佳实践来做到这一点。

【问题讨论】：

标签： html repeat replicate

【解决方案1】：

您可以只使用包含文件，然后在您想要表格的每个页面上放置对包含文件的引用。

<?php include("table.php"); ?>

更多来自 w3schools 的信息可以在这里找到： http://www.w3schools.com/php/php_includes.asp

【讨论】：

【解决方案2】：

你在使用 jQuery 吗？数据来自哪里？它是硬编码的还是在数据库中？在我看来你是正确的，你永远不应该在你的视图中添加一个 200 行的表（首先），它是用静态 HTML 编码的。

请为您的问题和您想要完成的任务提供一些详细的背景信息，我会尽力帮助您。

【讨论】：

【解决方案3】：

如果您要从数据库中查询信息，这里有一个使用 PHP 的解决方案。这将为从数据库返回的每个结果创建一个新行。我假设您使用数据库来处理 200 条不同的信息？

希望这能以某种方式帮助你:)

编辑：只是重新阅读问题，在那里跳了一点船恐怕（道歉）我建议上面的海报和他的包含方法:)

<table>
    <tr>

<?php

    // create query and make them load so the most recent shows first
    $query = "SELECT * FROM ourtable ORDER BY id DESC";

    // execute query
    $result = mysql_query($query) or die ("Error in query: $query. ".mysql_error());

    while($row = mysql_fetch_row($result)) {
        echo "<td>".$row[0]."</td>";

    }    
?>
    </tr>
</table>

【讨论】：

【解决方案4】：

在表格周围放置一个带有 id 的 div 包装器。然后将空的div放在它需要去的其他地方：

<script type="text/javascript"
function dupTable()
{
    str=document.getElementById('tableWrapper').innerHTML;
    document.getElementById('dest1').innerHTML=str;
    document.getElementById('dest2').innerHTML=str;
}
onload=dupTable;
</script>

【讨论】：