Get KoolPHP UI with 30% OFF!

Header not align

Will
Hi,
I don't know why the header is not align with the values, my code:
$pivot->Width = "1400px";
$pivot->HorizontalScrolling = true;
//Set the Height of pivot and use Vertical Scrolling
$pivot->Height = "750px";
$pivot->VerticalScrolling = true;
//Allow filtering
$pivot->AllowFiltering = true;
//Allow sorting
$pivot->AllowSorting = true;
//Allow reordering
$pivot->AllowReorder = true;


//Make the RowHeader wider.
$pivot->Appearance->RowHeaderMinWidth = "200px";
//Use the Prev and Next Numneric Pager
$pivot->Pager = new PivotPrevNextAndNumericPager();
$pivot->Pager->PageSize = 20;
//Turn on caching to help pivot working faster.
$pivot->AllowCaching = true;

$pivot->CssClasses = array(
'data cell' => 'text-right',
// 'field' => 'rtl',
// 'column header' => 'text-right',
// 'row header' => 'rtl',
// 'filter panel' => 'rtl'
);

//Data Field
$field = new PivotCountField("system_code");
$field->Text = "SYS CODE";
$field->AllowFiltering = false;
$field->AllowReorder = false;
$pivot->AddDataField($field);
//Row Fields
$field = new PivotField("system_code");
$field->Text = "CODE";
$pivot->AddRowField($field);
$field = new PivotField("description");
$field->Text = "NATURE";
$pivot->AddRowField($field);

$field = new PivotField("location");
$field->Text = "LOCATION";
$pivot->AddRowField($field);

//Column Fields
$field = new PivotField("year");
$field->Text = "Year";
$pivot->AddColumnField($field);
$field = new PivotField("month");
$field->Text = "Month";
$pivot->AddColumnField($field);

$field = new PivotField("system_code_type");
$field->Text = "C.TYPE";
$pivot->AddColumnField($field);

$field = new PivotField("component");
$field->Text = "COMP.";
$pivot->AddColumnField($field);

$field = new PivotField("engine_log_type");
$field->Text = "TYPE";
$pivot->AddColumnField($field);

$pivot->Process();

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="X-UA-Compatible" content="IE=edge" charset="UTF-8" />
<style>span.kptDesc{font-style: normal !important;}</style>
</head>
<body>
<div style='margin:11px 5px 5px 10px;'>
<?php
echo $koolajax->Render();
echo $pivot->Render();
?>
</div>
</body>
</html>
how to fix it? thanks a lot!
Posted Apr 5, 2017 Kool