Hi Mazmur,

PivotTable still uses Bootstrap's table class but its structure is more complex and quite different from a normal table with colspan, rowspan and collapsing/expanding rows, columns. Therefore we could not expect it to be as responsive as a normal table.

For small screen, I suggest you use PivotMatrix which supports scrolling and use template Bun like in this example to save horizontal space when expanding: https://www.koolreport.com/examples/reports/pivot/bun_template/

William, the Bun template is available in the Pivot package for both PivotTable and PivotMatrix. You can use it by adding one line like this:

PivotTable::create(array(
    ...
    'template' => 'PivotTable-Bun',
    ...
));

PivotMatrix::create(array(
    ...
    'template' => 'PivotMatrix-Bun',
    ...
));

The Bun template only reduces PivotTable/PivotMatrix's general width. You might need to put the widget in your CSS grid system (for example: in Bootstrap use col-md-12, col-xs-12, etc) and set its width to 100%.