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

Question

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

有一个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

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

更改 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',
        ),                          
    ));