Angular 如何在agRichSelectCellEditor中更改dropdownlist的宽度
我使用的是agRichSelectCellEditorcomponent,我有一个带有长标签的选择选项。我想更改dropdownlist的宽度,但我看到Angular 如何在agRichSelectCellEditor中更改dropdownlist的宽度,angular,ag-grid,Angular,Ag Grid,我使用的是agRichSelectCellEditorcomponent,我有一个带有长标签的选择选项。我想更改dropdownlist的宽度,但我看到.ag rich select list的宽度为200px。我可以增加这个宽度,但我想有一个动态宽度取决于我的选项宽度,但这些选项的位置是绝对的 我试图作出指示,但那不是真正的结论 有什么想法可以做到这一点吗?注意:这个答案使用纯javascript,而不是角度 您可以通过覆盖列表的宽度(删除200px限制)来完成此操作: .ag主题balham
.ag rich select list
的宽度为200px。我可以增加这个宽度,但我想有一个动态宽度取决于我的选项宽度,但这些选项的位置是绝对的
我试图作出指示,但那不是真正的结论
有什么想法可以做到这一点吗?注意:这个答案使用纯javascript,而不是角度 您可以通过覆盖列表的宽度(删除200px限制)来完成此操作:
.ag主题balham.ag丰富选择.ag丰富选择列表{
宽度:自动!重要;
}
(这是针对“balham”主题-.ag主题balham
,根据需要进行更改)
然后将指定宽度的cellRenderer
添加到editorParams
:
cellEditorParams={
价值观:价值观,
cellRenderer:函数cellRenderer(参数){
返回`${params.value | |'''}`;
},
};
注意:由于css覆盖,您需要为AgrichSelectCellEditor的all提供一个cellRenderer,否则编辑器将使用width:auto
过于狭窄