Yii graph to the right of cgridview?

Question

Yii

to the right of the GridView I want to display a graph using the HighchartsWidget. I put it on the grid
'htmlOptions' => array('style' => 'width: 80%'),
, but how to make the graph be drawn not after the table, but in the same line?

Answer 1

We need to wrap the grid in a div. The grid itself will stretch to the width of the div. For example like this

<style>
.columns { overflow: hidden; clear: both; width: 100%; }
.columns .left, .columns .right { float: left; }
.columns .left { width: 80%; }
.columns .right { width: 20%; }
</style>

<div class="container">
  <div class="left"><?php $this->widget('CGridView'/* тут вызываем грид */); ?></div>
  <div class="right"><!-- тут вызываем график --></div>
</div>