/Javascript/React/Add image to ag-grid with react

Add image to ag-grid with react

import avatar1 from "../assets/images/avatar1.webp";//Image
export default function List(){
	const userImg = (params) => {
	return `<div>
		<img alt="" class="userListImg" src=${avatar1}/>
      	</div>`;
		}
    
	return (
    <div className="ag-theme-alpine">
      <AgGridReact
        rowData={data}
        onGridReady={onGridReady}
        rowSelection="multiple"
        components={{
          userImg: userImg,
        }}>
     	<AgGridColumn
          field="Username"
          cellRenderer="userListImg"
          sortable={true}
          filter={true}>
       </AgGridColumn>
      </AgGridReact>
    </div>
  );
  };

Similar codes

0 vote349 views1 answer
Font awesome react share faShare
Javascript React
0 vote339 views1 answer
Infinite scroll for chat react js
Javascript React
0 vote360 views1 answer
React js input autocomplete off
Javascript React
0 vote308 views1 answer
React json object pretty
Javascript React
18 votes297 views3 answers
How to hide header in react navigation
Javascript React
48 votes342 views4 answers
How to add comment in react js
Javascript React
0 vote287 views1 answer
Error while updating linecap of a view polyline react-native-maps
Javascript React
15 votes347 views5 answers
React svg
Javascript React
9 votes312 views2 answers
Reactjs radio button onchange
Javascript React
32 votes321 views5 answers
React disable eslint errors
Javascript React