When you need to show more data on a page while still want to maintain size of grid, you can use scrolling feature. Simply set $AllowScrolling to true and the $Height for the grid, you have enabled the feature.
<?php
require $KoolControlsFolder."/KoolAjax/koolajax.php";
$koolajax->scriptFolder = $KoolControlsFolder."/KoolAjax";
require $KoolControlsFolder."/KoolGrid/koolgrid.php";
require $KoolControlsFolder."/KoolGrid/ext/datasources/MySQLiDataSource.php";
$ds = new MySQLiDataSource($db_con);//This $db_con link has been created inside KoolPHPSuite/Resources/runexample.php
$ds->SelectCommand = "select customerNumber,customerName,phone,addressLine1, city, country from customers";
$grid = new KoolGrid("grid");
$grid->scriptFolder = $KoolControlsFolder."/KoolGrid";
$grid->styleFolder="default";
$grid->DataSource = $ds;
$grid->AjaxEnabled = true;
$grid->AllowFiltering = true;
$grid->AllowResizing = true;
$grid->Width = "655px";
$grid->PageSize = 20;
$grid->RowAlternative = true;
$grid->AllowScrolling = true;
$grid->MasterTable->Height = "300px";
$grid->MasterTable->ColumnWidth = "200px";
$grid->AutoGenerateColumns = true;
$grid->MasterTable->Pager = new GridPrevNextAndNumericPager();
$grid->Process();
?>
<form id="form1" method="post">
<?php echo $koolajax->Render();?>
<?php echo $grid->Render();?>
</form>
KoolGrid - Powerful PHP GridFullVersion 5.7.0.0 released on 25/11/2016