当前位置:首页 > PHP

php数组实现表格

2026-02-16 12:31:59PHP

php数组实现表格

php数组实现表格

使用PHP数组生成HTML表格

PHP数组可以方便地转换为HTML表格,以下是几种常见实现方式:

基础数组转表格

$data = [
    ['Name', 'Age', 'City'],
    ['John', 25, 'New York'],
    ['Jane', 30, 'London'],
    ['Mike', 22, 'Paris']
];

echo '<table border="1">';
foreach ($data as $row) {
    echo '<tr>';
    foreach ($row as $cell) {
        echo '<td>'.$cell.'</td>';
    }
    echo '</tr>';
}
echo '</table>';

关联数组转表格

$users = [
    ['name' => 'John', 'age' => 25, 'city' => 'New York'],
    ['name' => 'Jane', 'age' => 30, 'city' => 'London'],
    ['name' => 'Mike', 'age' => 22, 'city' => 'Paris']
];

echo '<table border="1"><tr>';
foreach (array_keys($users[0]) as $header) {
    echo '<th>'.ucfirst($header).'</th>';
}
echo '</tr>';

foreach ($users as $user) {
    echo '<tr>';
    foreach ($user as $value) {
        echo '<td>'.$value.'</td>';
    }
    echo '</tr>';
}
echo '</table>';

使用函数封装表格生成

function arrayToTable(array $data, $headers = null) {
    $html = '<table border="1">';

    if ($headers) {
        $html .= '<tr>';
        foreach ($headers as $header) {
            $html .= '<th>'.$header.'</th>';
        }
        $html .= '</tr>';
    }

    foreach ($data as $row) {
        $html .= '<tr>';
        foreach ($row as $cell) {
            $html .= '<td>'.$cell.'</td>';
        }
        $html .= '</tr>';
    }

    $html .= '</table>';
    return $html;
}

$data = [
    [1, 'Apple', 0.99],
    [2, 'Orange', 1.25],
    [3, 'Banana', 0.50]
];
echo arrayToTable($data, ['ID', 'Product', 'Price']);

从数据库结果生成表格

// 假设$result是PDO查询结果
$result = $pdo->query("SELECT * FROM products");

echo '<table border="1"><tr>';
for ($i = 0; $i < $result->columnCount(); $i++) {
    $meta = $result->getColumnMeta($i);
    echo '<th>'.$meta['name'].'</th>';
}
echo '</tr>';

while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
    echo '<tr>';
    foreach ($row as $value) {
        echo '<td>'.$value.'</td>';
    }
    echo '</tr>';
}
echo '</table>';

添加CSS样式

$data = [
    ['Quarter', 'Revenue'],
    ['Q1', 15000],
    ['Q2', 22000],
    ['Q3', 18000],
    ['Q4', 25000]
];

echo '<style>
    .data-table { border-collapse: collapse; width: 100%; }
    .data-table th, .data-table td { border: 1px solid #ddd; padding: 8px; }
    .data-table th { background-color: #f2f2f2; text-align: left; }
    .data-table tr:nth-child(even) { background-color: #f9f9f9; }
</style>';

echo '<table class="data-table">';
foreach ($data as $row) {
    echo '<tr>';
    foreach ($row as $cell) {
        echo (is_string($cell) && $row === $data[0]) ? '<th>'.$cell.'</th>' : '<td>'.$cell.'</td>';
    }
    echo '</tr>';
}
echo '</table>';

这些方法展示了如何将PHP数组转换为HTML表格,从简单实现到更复杂的样式处理,可以根据实际需求选择适合的方式。

标签: 数组表格
分享给朋友:

相关文章

vue实现表格

vue实现表格

Vue实现表格的方法 在Vue中实现表格可以通过多种方式完成,包括使用原生HTML表格、第三方组件库或自定义组件。以下是几种常见的方法: 使用原生HTML表格 在Vue模板中直接使用HTML的&l…

在vue实现学生表格

在vue实现学生表格

实现学生表格的基本结构 在Vue中实现学生表格需要使用<table>标签结合Vue的数据绑定功能。准备一个数组存储学生数据,通过v-for指令动态渲染表格行。 <template&…

vue实现表格复选

vue实现表格复选

实现表格复选的基本思路 在Vue中实现表格复选功能,通常需要结合v-model绑定选中状态,监听复选框变化事件,以及维护一个选中项的数组。以下是具体实现方法: 基础实现步骤 数据准备 定义表格数据和…

vue实现简单表格

vue实现简单表格

使用 Vue 实现简单表格 Vue 提供了多种方式实现表格功能,以下是基于 Vue 3 的两种常见方法: 基础表格实现 通过 v-for 指令循环渲染表格数据: <template>…

用css制作表格

用css制作表格

使用CSS制作表格 基础表格结构 HTML中表格由<table>、<tr>(行)、<th>(表头)和<td>(单元格)组成。基础结构如下: <t…

css怎么制作表格

css怎么制作表格

使用HTML和CSS制作表格 在HTML中,表格由<table>标签定义,结合CSS可以灵活控制样式。 基本HTML结构: <table> <tr>…