reactjs 以网格格式显示“选择”组件的列表视图(每行3个)

mklgxw1f 于 2023-11-18 发布在 React

关注(0)|答案(1)|浏览(80)

在我的react Dropdown组件中，当它被选中时，列表视图中有一个条目，但是我需要将它调整为每行3个条目的网格。
代码：

import { Dropdown } from 'primereact/dropdown'

<Dropdown
  options={companyOptions}
  onChange={this.handleCompanyChange}
  value={this.state.selectedCompanyTemp}
  placeholder='---'
  filter
  className='filterbutton-company'
  filterPlaceholder='Search company'
/>

字符串
参考号：

reactjs

来源：https://stackoverflow.com/questions/77478778/display-the-list-view-of-the-select-component-in-a-grid-format-row-of-3

1条答案

按热度按时间

4uqofj5v1#

更新|基于Primereact库：

因为，你正在使用primereact库：
在你的CSS文件中尝试这行代码：确保在库代码加载后使用这段代码。如果你需要使用!important，那么就这样做。

.p-dropdown-panel .p-dropdown-items {
    padding: 0.75rem 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

字符串
根据您的要求调整选择字段div的宽度。在浏览器开发窗口中重新编写您的代码并进行操作。

赞(0）回复(0）举报 2023-11-18

我来回答

reactjs 以网格格式显示“选择”组件的列表视图(每行3个)

1条答案

相关问题

热门标签

最新问答