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

时间:2011-11-14 16:41:23

标签: html repeat replicate

我有一个相当复杂的html表,其中包含大量的PHP,CSS等,它包含大约200行代码。我需要在我的网页上的三个不同区域重现该表。第2次和第3次复制表的最佳方法是什么,这样我每次都不需要复制和粘贴200行代码?当然,必须有一个最好的做法来做到这一点。

4 个答案:

答案 0 :(得分:1)

您可以使用包含文件,然后在您希望表格的每个页面上添加对包含文件的引用。

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

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

答案 1 :(得分:0)

您使用的是jQuery吗?数据源自何处?它是硬编码还是在数据库中?在我看来,你是正确的,你永远不应该在你的视图中添加一个200行表(首先是用静态HTML编码)。

请为您的问题以及您要完成的工作提供一些详细的背景信息,我会尽力帮助您。

答案 2 :(得分:0)

如果您要从数据库中查询信息,这是一个使用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>

答案 3 :(得分:0)

在表格周围放置一个带有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>