Css Class

How to set css class in Table

nameageincome
John 26 50,000
Marry 29 60,000
Peter 34 100,000
Donald 28 80,000

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>

What People Are Saying

"KoolReport helps me very much in creating data report for my corporate! Keep up your good work!"
-- Alain Melsens

"The first use of your product. I was impressed by its easiness and powerfulness. This product is a great and amazing."
-- Dr. Lew Choy Onn

"Fantastic framework for reporting!"
-- Greg Schneider

Download KoolReport Get KoolReport Pro