PrimeFlex 网格渲染问题答案

【问题标题】：PrimeFlex Grid rendering IssuePrimeFlex 网格渲染问题
【发布时间】：2019-08-28 13:57:05
【问题描述】：

我想用 primereact flexgrid 设计一个页面，但它不起作用，代码如下...（从 primereact 网站复制）

import 'primereact/resources/primereact.min.css';
import 'primeicons/primeicons.css';

和

renderGridItem(post) {
        return (
            <div style={{ padding: '.5em' }} className="p-col-12 p-md-3">
                <Panel header={post.title} style={{ textAlign: 'center' }}>
                    <img src={server_url+`/attachments/${post.thumbnail}`} alt={post.title}/>
                    <div className="car-detail">{post.customer.full_name}</div>
                    <hr className="ui-widget-content" style={{ borderTop: 0 }} />
                    <Button icon="pi pi-search" onClick={(e) => this.setState({ selectedPost: post, visible: true })}></Button>
                </Panel>
            </div>
        );
    }

页面显示的是垂直数据而不是网格视图...

如果有人可以请帮助...

【问题讨论】：

标签： primereact primeflex

【解决方案1】：

由于这是来自 Primeflex 的 Flexgrid，问题可能是您缺少 Angular 文档中提到的 here 中的“primeflex/primeflex.css”。他们在所有网页中提供文档时非常不一致，可能只是有人在从旧网格切换到 Flexgrid 时忘记在每个页面上添加信息。

【讨论】：