Yii Booster - 包含进度条的td单元格高度

Question

I'm creating app with Yii and YiiBooster. When I put a TbProgress widget into a td cell - it's height seems to have some kind of bottom padding (like 20-30px). It looks pretty bad as it causes my table rows to be higher than they should.

There was a margin-bottom defined to 40px (in bootstrap.css file) but I removed it - it is still to high.

Anyone knows where can I change it?

Here is my code:

$this->widget('bootstrap.widgets.TbGridView', array(
    'id' => 'invite-grid',
    'type' => 'striped condensed',
    'dataProvider' => $dataProvider,
    'columns' => array(
        'idProject',
        'name',
        array(
            'header' => 'Postęp',
            'value' => function($data)
            {
                Controller::widget('bootstrap.widgets.TbProgress', array(
                    'percent' => ($data->projectInvites +1 )/ $data->projectMaxInvites * 100,
                    ));
            },
            'htmlOptions' => array (
                'style' => ''
            ),
        ),
        array(
            'class' => 'bootstrap.widgets.TbButtonColumn'
        )
    )
));

Answer 1

I have found the solution. I had to add `margin-bottom: -20px' to the code:

Controller::widget('bootstrap.widgets.TbProgress', array(
    'percent' => $data->projectInvites == 0 ?  0 : 
                 ($data->projectConfirms / $data->projectInvites) * 100,
    'htmlOptions' => array(
        'style' => 'height: 20px; margin-bottom: -20px',
        ),                          
    ));