当包含进度条时，单元格的高度 - Yii Booster - td cell height when contains progress bar

Yii Booster - td cell height when contains progress bar

本文关键字：单元格高度包含进 | 更新日期: 2023-09-27

我正在创建与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'
        )
    )
));

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

在修改bootstrap .css后是否清除了资产目录，如果你想要改变效果，你必须这样做。也许这就是问题所在。

查找父元素或相同元素的内边距，可能有内边距而不是边距。

我已经找到解决办法了。我必须添加' 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',
        ),                          
    ));