HTML 表格类
Table 类提供了使你能够从数组或数据库结果集自动生成 HTML 表格的方法。
使用 Table 类
初始化类
Table 类没有作为服务提供,应该进行“正常”实例化,例如:
<?php
$table = new \CodeIgniter\View\Table();
例子
下面是一个示例,展示了如何从多维数组创建表格。请注意,第一个数组索引将成为表格标题(或者你可以使用下面函数参考中描述的 setHeading()
方法设置自己的标题)。
<?php
$table = new \CodeIgniter\View\Table();
$data = [
['Name', 'Color', 'Size'],
['Fred', 'Blue', 'Small'],
['Mary', 'Red', 'Large'],
['John', 'Green', 'Medium'],
];
echo $table->generate($data);
下面是从数据库查询结果创建的表格示例。表类将自动基于表名生成标题(或者你可以使用下面类参考中描述的 setHeading()
方法设置自己的标题)。
<?php
$table = new \CodeIgniter\View\Table();
$query = $db->query('SELECT * FROM my_table');
echo $table->generate($query);
下面是一个使用离散参数创建表格的示例:
<?php
$table = new \CodeIgniter\View\Table();
$table->setHeading('Name', 'Color', 'Size');
$table->addRow('Fred', 'Blue', 'Small');
$table->addRow('Mary', 'Red', 'Large');
$table->addRow('John', 'Green', 'Medium');
echo $table->generate();
下面是相同的示例,只是使用数组代替各个参数:
<?php
$table = new \CodeIgniter\View\Table();
$table->setHeading(['Name', 'Color', 'Size']);
$table->addRow(['Fred', 'Blue', 'Small']);
$table->addRow(['Mary', 'Red', 'Large']);
$table->addRow(['John', 'Green', 'Medium']);
echo $table->generate();
更改表格外观
Table 类允许你设置一个表格模板来指定布局设计。下面是模板原型:
<?php
$template = [
'table_open' => '<table border="0" cellpadding="4" cellspacing="0">',
'thead_open' => '<thead>',
'thead_close' => '</thead>',
'heading_row_start' => '<tr>',
'heading_row_end' => '</tr>',
'heading_cell_start' => '<th>',
'heading_cell_end' => '</th>',
'tfoot_open' => '<tfoot>',
'tfoot_close' => '</tfoot>',
'footing_row_start' => '<tr>',
'footing_row_end' => '</tr>',
'footing_cell_start' => '<td>',
'footing_cell_end' => '</td>',
'tbody_open' => '<tbody>',
'tbody_close' => '</tbody>',
'row_start' => '<tr>',
'row_end' => '</tr>',
'cell_start' => '<td>',
'cell_end' => '</td>',
'row_alt_start' => '<tr>',
'row_alt_end' => '</tr>',
'cell_alt_start' => '<td>',
'cell_alt_end' => '</td>',
'table_close' => '</table>',
];
$table->setTemplate($template);
备注
你会注意到模板中有两组 “row” 块。这允许你创建交替的行颜色或与每次迭代行数据交替的设计元素。
你不需要提交完整的模板。如果你只需要更改布局的一部分,只需提交这些元素即可。在此示例中,仅更改表格打开标签:
<?php
$template = [
'table_open' => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">',
];
$table->setTemplate($template);
你还可以通过向 Table 构造函数传递模板设置数组来为这些设置默认值:
<?php
$customSettings = [
'table_open' => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">',
];
$table = new \CodeIgniter\View\Table($customSettings);
同步行与标题
在 4.4.0 版本加入.
setSyncRowsWithHeading(true)
方法使得每个数据值都放置在与 setHeading()
中定义的相同列中,如果参数使用了关联数组。这在处理通过 REST API 加载的数据时特别有用,因为其顺序可能不符合你的要求,或者如果 API 返回了过多的数据。
如果数据行包含一个在标题中不存在的键,则其值将被过滤。相反,如果数据行中没有列在标题中列出的键,则会在其位置放置一个空单元格。
<?php
$table = new \CodeIgniter\View\Table();
$table->setHeading(['name' => 'Name', 'color' => 'Color', 'size' => 'Size'])
->setSyncRowsWithHeading(true)
->addRow(['color' => 'Blue', 'name' => 'Fred', 'size' => 'Small'])
->addRow(['size' => 'Large', 'age' => '24', 'name' => 'Mary'])
->addRow(['color' => 'Green']);
echo $table->generate();
?>
<!-- Generates a table with this prototype: -->
<table border="0" cellpadding="4" cellspacing="0">
<thead>
<tr>
<th>Name</th>
<th>Color</th>
<th>Size</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fred</td>
<td>Blue</td>
<td>Small</td>
</tr>
<tr>
<td>Mary</td>
<td></td>
<td>Large</td>
</tr>
<tr>
<td></td>
<td>Green</td>
<td></td>
</tr>
</tbody>
</table>
重要
你必须在通过 addRow([...])
添加任何行之前调用 setSyncRowsWithHeading(true)
和 setHeading([...])
,以进行列的重新排列。
使用数组作为 generate()
的输入会产生相同的结果:
<?php
$data = [
[
'color' => 'Blue',
'name' => 'Fred',
'size' => 'Small',
],
[
'size' => 'Large',
'age' => '24',
'name' => 'Mary',
],
[
'color' => 'Green',
],
];
$table = new \CodeIgniter\View\Table();
$table->setHeading(['name' => 'Name', 'color' => 'Color', 'size' => 'Size'])
->setSyncRowsWithHeading(true);
echo $table->generate($data);
类参考
- class CodeIgniter\View\Table
- $function = null
允许你指定 native PHP 函数或一个有效的函数数组对象应用于所有单元格数据。
<?php $table = new \CodeIgniter\View\Table(); $table->setHeading('Name', 'Color', 'Size'); $table->addRow('Fred', '<strong>Blue</strong>', 'Small'); $table->function = 'htmlspecialchars'; echo $table->generate();
在上面的例子中,所有单元格数据都将通过 PHP 的
htmlspecialchars()
函数运行,结果是:<td>Fred</td><td><strong>Blue</strong></td><td>Small</td>
- generate([$tableData = null])
- 参数:
$tableData (
mixed
) – 用来填充表格行的数据
- 返回:
HTML表格
- 返回类型:
string
返回包含生成表格的字符串。接受一个可选参数,可以是数组或数据库结果对象。
- setCaption($caption)
- 参数:
$caption (
string
) – 表格标题
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你为表格添加标题。
<?php $table->setCaption('Colors');
- setHeading([$args = [][, ...]])
- 参数:
$args (
mixed
) – 包含表格列标题的数组或多个字符串
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你设置表格标题。你可以提交数组或离散参数:
<?php $table->setHeading('Name', 'Color', 'Size'); // or $table->setHeading(['Name', 'Color', 'Size']);
- setFooting([$args = [][, ...]])
- 参数:
$args (
mixed
) – 包含表格页脚值的数组或多个字符串
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你设置表格页脚。你可以提交数组或离散参数:
<?php $table->setFooting('Subtotal', $subtotal, $notes); // or $table->setFooting(['Subtotal', $subtotal, $notes]);
- addRow([$args = [][, ...]])
- 参数:
$args (
mixed
) – 包含行值的数组或多个字符串
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你向表格添加行。你可以提交数组或离散参数:
<?php $table->addRow('Blue', 'Red', 'Green'); // or $table->addRow(['Blue', 'Red', 'Green']);
如果你想为单个单元格的标签属性设置值,可以为该单元格使用关联数组。 关联键 data 定义单元格的数据。任何其他的 key => val 对会作为 key=’val’ 属性添加到标签中:
<?php $cell = ['data' => 'Blue', 'class' => 'highlight', 'colspan' => 2]; $table->addRow($cell, 'Red', 'Green'); ?> <!-- Generates: --> <td class='highlight' colspan='2'>Blue</td><td>Red</td><td>Green</td>
- makeColumns([$array = [][, $columnLimit = 0]])
- 参数:
$array (
array
) – 包含多个行数据的数组$columnLimit (
int
) – 表格中的列数
- 返回:
HTML表格列的多维数组
- 返回类型:
array
此方法接受一维数组作为输入,并创建深度等于所需列数的多维数组。 这允许具有大量元素的单个数组以固定列数显示在表格中。考虑这个例子:
<?php $list = ['one', 'two', 'three', 'four', 'five', 'six', 'seven', 'eight', 'nine', 'ten', 'eleven', 'twelve']; $newList = $table->makeColumns($list, 3); $table->generate($newList); ?> <!-- Generates a table with this prototype: --> <table border="0" cellpadding="4" cellspacing="0"> <tr> <td>one</td> <td>two</td> <td>three</td> </tr> <tr> <td>four</td> <td>five</td> <td>six</td> </tr> <tr> <td>seven</td> <td>eight</td> <td>nine</td> </tr> <tr> <td>ten</td> <td>eleven</td> <td>twelve</td> </tr> </table>
- setTemplate($template)
- 参数:
$template (
array
) – 包含模板值的关联数组
- 返回:
成功为 true,失败为 false
- 返回类型:
bool
允许你设置模板。你可以提交完整或部分模板。
<?php $template = [ 'table_open' => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">', ]; $table->setTemplate($template);
- setEmpty($value)
- 参数:
$value (
mixed
) – 放入空单元格中的值
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你为使用在任何空表格单元格中的默认值设置值。 例如,你可以设置一个不间断的空格:
<?php $table->setEmpty(' ');
- clear()
- 返回:
Table 实例(方法链式调用)
- 返回类型:
允许你清除表格标题、行数据和标题。 如果你需要显示包含不同数据的多个表格,你应该在每个表格生成后调用此方法,以清除之前的表格信息。
例子
<?php $table = new \CodeIgniter\View\Table(); $table->setCaption('Preferences') ->setHeading('Name', 'Color', 'Size') ->addRow('Fred', 'Blue', 'Small') ->addRow('Mary', 'Red', 'Large') ->addRow('John', 'Green', 'Medium'); echo $table->generate(); $table->clear(); $table->setCaption('Shipping') ->setHeading('Name', 'Day', 'Delivery') ->addRow('Fred', 'Wednesday', 'Express') ->addRow('Mary', 'Monday', 'Air') ->addRow('John', 'Saturday', 'Overnight'); echo $table->generate();