CodeIgniter4 HTML Table 类

2020-08-17 15:46 更新

Table类提供了使您能够从数组或数据库结果集中自动生成HTML表的方法。

使用Table类

初始化类

Table类未作为服务提供,应“正常”实例化,例如:

$table = new \CodeIgniter\View\Table();

例子

这是显示如何从多维数组创建表的示例。请注意,第一个数组索引将成为表标题(或者您可以使用setHeading() 下面的函数参考中描述的方法来设置自己的标题)。

$table = new \CodeIgniter\View\Table();


$data = [
        ['Name', 'Color', 'Size'],
        ['Fred', 'Blue',  'Small'],
        ['Mary', 'Red',   'Large'],
        ['John', 'Green', 'Medium'],
];


echo $table->generate($data);

这是根据数据库查询结果创建的表的示例。表格类将根据表格名称自动生成标题(或者您可以使用setHeading() 下面的类参考中描述的方法来设置自己的标题)。

$table = new \CodeIgniter\View\Table();


$query = $db->query('SELECT * FROM my_table');


echo $table->generate($query);

这是显示如何使用离散参数创建表的示例:

$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 = new \CodeIgniter\View\Table();


$table->setHeading(array('Name', 'Color', 'Size'));


$table->addRow(['Fred', 'Blue', 'Small']);
$table->addRow(['Mary', 'Red', 'Large']);
$table->addRow(['John', 'Green', 'Medium']);


echo $table->generate();

改变Table的外观

Table类允许您设置表格模板,通过该模板可以指定布局的设计。这是模板原型:

$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);

注解

您会注意到模板中有两组“行”块。这些允许您创建交替的行颜色或与行数据的每次迭代交替的设计元素。

您无需提交完整的模板。如果只需要更改布局的某些部分,则只需提交这些元素。在此示例中,仅更改了表开始标记:

$template = [
        'table_open' => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">'
];


$table->setTemplate($template);

您还可以通过将模板设置数组传递给Table构造函数来为这些设置默认值:

$customSettings = [
        'table_open' => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">'
];


$table = new \CodeIgniter\View\Table($customSettings);

类参考

classTable

$function = NULL

允许您指定要应用于所有单元格数据的本地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])

参数: $ tableDatamixed)–用表填充行的数据
返回: HTML表格
返回类型: string

返回包含生成的表的字符串。接受一个可选参数,该参数可以是数组或数据库结果对象。

setCaption$ caption

参数: $ captionstring)–表标题
返回: 表实例(方法链接)
返回类型: Table

允许您向表格添加标题。

$table->setCaption('Colors');

setHeading([$ args = [][, ...]])

参数: $ argsmixed)–包含表列标题的数组或多个字符串
返回: 表实例(方法链接)
返回类型: Table

允许您设置表格标题。您可以提交数组或离散参数:

$table->setHeading('Name', 'Color', 'Size'); // or


$table->setHeading(['Name', 'Color', 'Size']);

setFooting([$ args = [][, ...]])

参数: $ argsmixed)–包含表基础值的数组或多个字符串
返回: 表实例(方法链接)
返回类型: Table

允许您设置表格基础。您可以提交数组或离散参数:

$table->setFooting('Subtotal', $subtotal, $notes); // or


$table->setFooting(['Subtotal', $subtotal, $notes]);

addRow([$ args = array()[, ...]])

参数: $ argsmixed)–包含行值的数组或多个字符串
返回: 表实例(方法链接)
返回类型: Table

允许您在表格中添加一行。您可以提交数组或离散参数:

$table->addRow('Blue', 'Red', 'Green'); // or


$table->addRow(['Blue', 'Red', 'Green']);

如果要设置单个单元格的标签属性,则可以对该单元格使用关联数组。关联密钥数据定义单元格的数据。其他任何key => val对将作为key ='val'属性添加到标签:

$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]])

参数: $ arrayarray)–包含多行数据的数组
$ columnLimitint)–表中的列数
返回: HTML表列的数组
返回类型: array

此方法将一维数组作为输入,并创建深度等于所需列数的多维数组。这允许具有多个元素的单个数组显示在具有固定列数的表中。考虑以下示例:

$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

参数: $ templatearray)–包含模板值的关联数组
返回: 成功则为TRUE,失败则为FALSE
返回类型: bool

允许您设置模板。您可以提交完整或部分模板。

$template = [
        'table_open'  => '<table border="1" cellpadding="2" cellspacing="1" class="mytable">'
];


$table->setTemplate($template);

setEmpty$ value

参数: $ value混合)–放入空单元格的值
返回: 表实例(方法链接)
返回类型: Table

使您可以设置一个默认值,以用于任何空的表单元格。例如,您可以设置一个不间断的空格:

$table->setEmpty(" ");

clear()

返回: 表实例(方法链接)
返回类型: Table

让您清除表标题,行数据和标题。如果需要显示具有不同数据的多个表,则应在生成每个表后清除以前的表信息,然后调用此方法。

$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();
以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号