如何在 Primereact 数据表列中添加图像答案

【问题标题】：How to add image in primereact datable column如何在 Primereact 数据表列中添加图像
【发布时间】：2019-11-01 02:11:33
【问题描述】：

您好，我是 Reactjs 和 Primereact https://www.primefaces.org/primereact/#/datatable 的新手。绑定表中的数据，我选择了主要的反应数据表。现在我不知道如何在数据表中添加图像标签。

我尝试在列内使用一些图像标签，但这不起作用，它只是扩展了列，但我的图像没有显示。

这里我已经粘贴了我的代码

<DataTable ref={(el) => this.dt = el} value={this.state.cars} paginator={true} rows={10} header={header}
        globalFilter={this.state.globalFilter} emptyMessage="No records found" sortMode="multiple">
        <Column field="vin" header="Vin" filter={true} sortable={true} editor={this.vinEditor} editorValidator={this.requiredValidator} style={{height: '3.5em'}}/>
        <Column field="year" header="Year" filter={true} sortable={true} editor={this.yearEditor} style={{height: '3.5em'}}/>
        <Column field="brand" header="Brand" filter={true} filterElement={brandFilter} sortable={true} editor={this.brandEditor} style={{height: '3.5em'}}/>
        <Column field="color" header="Color" filter={true} filterElement={colorFilter} sortable={true} editor={this.colorEditor} style={{height: '3.5em'}} />
        <img src="http://www.macmillandictionaryblog.com/wp-content/uploads/2011/09/wifi.jpg" alt="Smiley face" width="42" height="42"/>
        <input type="image" src="http://www.macmillandictionaryblog.com/wp-content/uploads/2011/09/wifi.jpg" alt="Submit" width="48" height="48"/>
    </DataTable>

【问题讨论】：

标签： javascript reactjs primeng primeng-datatable primereact

【解决方案1】：

尝试将body={your desired thing} 属性添加到您选择的列中

【讨论】：