lib16 / html
lib16 HTML Builder is a PHP 8 library for creating HTML5 documents.
dev-main
2021-01-01 17:58 UTC
Requires
- php: >=8.0
- lib16/utils: >=1.1.5
- lib16/xml: >=1.3.1
Requires (Dev)
- phpunit/phpunit: ^9
This package is auto-updated.
Last update: 2024-10-29 05:53:57 UTC
README
A library for creating HTML5 written in PHP 8.
Installation with Composer
This package is available on packagist, therefore you can use Composer to install it. Run the following command in your shell:
composer require lib16/html dev-main
Basic Usage
Build your tables with this library:
<?php require_once 'vendor/autoload.php'; use Lib16\HTML\Table; $data = [ ['model' => 'Panther', 'city' => 'Berlin', 'quantity/store' => 20], ['model' => 'Panther', 'city' => 'Berlin', 'quantity/store' => 12], ['model' => 'Panther', 'city' => 'Cologne', 'quantity/store' => 12], ['model' => 'Lion', 'city' => 'Cologne', 'quantity/store' => 12], ['model' => 'Lion', 'city' => 'Hamburg', 'quantity/store' => 15], ['model' => 'Lion', 'city' => 'Hamburg', 'quantity/store' => 15], ['model' => 'Lion', 'city' => 'Munich', 'quantity/store' => 15], ]; $table = Table::create('Availability')->setClass('t1'); $table->thead()->tr()->thn('model', 'city', 'quantity/store'); $table->bodies($data); print $table; // change order $keys = ['city', 'model', 'quantity/store']; $table = Table::create('Availability')->setClass('t1'); $table->thead()->tr()->headerCells($keys); $table->bodies($data, ...$keys); print $table; // row by row $table = Table::create('Availability')->setClass('t2'); $table->thead()->tr()->thn('model', 'city', 'quantity/store'); foreach ($data as $row) { $table->tr()->dataCells($row); } print $table; ?> <style> body, * { font-family: source serif pro, serif; } caption, th { font-family: source sans pro, sans-serif; } caption { margin: 0.5em; } td, th { text-align: left; vertical-align: text-top; padding: 0.5em; border: 1px solid rgb(0, 51, 102); } td:last-child { text-align: right; } th { color: white; background-color: rgba(0, 51, 102, 1); font-weight: normal; } .t1 tbody, .t2 tr { background-color: rgba(51, 102, 0, 0.2); } .t1 tbody:nth-child(2n), .t2 tr:nth-child(2n) { background-color: rgba(52, 102, 0, 0.3); } table { border-collapse: collapse; margin: 2em; float: left; } </style>