You can customize the css class given to element in table such as table, tr, th. For example:
<style>
.cssHeader
{
background-color:#e9ffe8;
}
.cssItem
{
background-color:#fdffe8;
}
</style>
<?php
Table::create(array(
"dataSource"=>$this->dataStore('data'),
"cssClass"=>array(
"th"=>"cssHeader",
"tr"=>"cssItem"
)
));
?>
<?php
require_once "MyReport.php";
$report = new MyReport;
$report->run()->render();
<?php
//Step 1: Load KoolReport
require_once "../../../load.koolreport.php";
//Step 2: Creating Report class
class MyReport extends \koolreport\KoolReport
{
protected function settings()
{
return array(
"dataSources"=>array(
"data"=>array(
"class"=>'\koolreport\datasources\ArrayDataSource',
"dataFormat"=>"table",
"data"=>array(
array("name","age","income"),
array("John",26,50000),
array("Marry",29,60000),
array("Peter",34,100000),
array("Donald",28,80000),
)
)
)
);
}
protected function setup()
{
$this->src("data")
->pipe($this->dataStore("data"));
}
}
<?php
use \koolreport\widgets\koolphp\Table;
?>
<div class="report-content">
<div class="text-center">
<h1>Css Class</h1>
<p class="lead">How to set css class in Table</p>
</div>
<style>
.cssHeader
{
background-color:#e9ffe8;
}
.cssItem
{
background-color:#fdffe8;
}
</style>
<?php
Table::create(array(
"dataSource"=>$this->dataStore('data'),
"cssClass"=>array(
"th"=>"cssHeader",
"tr"=>"cssItem"
)
));
?>
</div>
