Yii2:Gridview EditableColumn 不可见弹出框
Yii2: Gridview EditableColumn invisible popover
我正在使用 Kartik Gridview。不幸的是,当我创建一个可编辑的列时,它不显示 框输入可编辑的值。 那个框在下一行之后被隐藏了,我该如何解决这个问题?
发生了什么???
我期待的
这是我的代码
[
// type of columns
'class' => 'kartik\grid\EditableColumn',
// data which is rendered from controller, use by its attribute
'attribute' => 'note',
'header' => 'Ghi chú',
// vertical alignment
'vAlign' => 'middle',
// horizontal alignment
'hAlign' => 'center',
// edit field
'editableOptions' => function ($model, $key, $index) {
return [
'name' => 'note', // this will be sent to controller to process
'header' => 'Ghi chú',
'asPopover' => true,
'inputType' => \kartik\editable\Editable::INPUT_TEXTAREA,
// appear above the text box
'beforeInput' => '<h3 style="font-weight: bold">Thêm ghi chú về ứng viên này</h3>',
// default value in the text box
'value' => $model['note'] // in this case, $model is an array. For others, $model->employer_score
];
},
'format' => 'raw',
// format of this column will display html code
// 'format' => 'html',
],
这是本地 CSS 和插件 CSS 之间的冲突。只需添加一些内联 CSS 即可解决此问题!
我正在使用 Kartik Gridview。不幸的是,当我创建一个可编辑的列时,它不显示 框输入可编辑的值。 那个框在下一行之后被隐藏了,我该如何解决这个问题?
发生了什么???
我期待的
这是我的代码
[
// type of columns
'class' => 'kartik\grid\EditableColumn',
// data which is rendered from controller, use by its attribute
'attribute' => 'note',
'header' => 'Ghi chú',
// vertical alignment
'vAlign' => 'middle',
// horizontal alignment
'hAlign' => 'center',
// edit field
'editableOptions' => function ($model, $key, $index) {
return [
'name' => 'note', // this will be sent to controller to process
'header' => 'Ghi chú',
'asPopover' => true,
'inputType' => \kartik\editable\Editable::INPUT_TEXTAREA,
// appear above the text box
'beforeInput' => '<h3 style="font-weight: bold">Thêm ghi chú về ứng viên này</h3>',
// default value in the text box
'value' => $model['note'] // in this case, $model is an array. For others, $model->employer_score
];
},
'format' => 'raw',
// format of this column will display html code
// 'format' => 'html',
],
这是本地 CSS 和插件 CSS 之间的冲突。只需添加一些内联 CSS 即可解决此问题!