Question

我正在使用Yii和YiiBooster创建应用程序。当我将TbProgress小部件放入td单元格时 - 它的高度似乎有某种底部填充（如20-30px）。它看起来很糟糕，因为它导致我的表行高于它们应该的值。

margin-bottom定义了40px（在bootstrap.css文件中），但我删除了它 - 它仍然很高。

任何人都知道我可以在哪里更改它？

这是我的代码：

$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

您可以将页面内任何css文件的margin-bottom:0 !important;定义为该元素的类。

更改bootsrap.css后是否清除了资产目录，如果要更改要影响，则必须清除。可能是那个问题。

查找父元素或相同元素的填充，可能有填充不边距。

Answer 2

我找到了解决方案。我不得不在代码中添加`margin-bottom：-20px'：

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

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

2 个答案: