/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

1 vote334 views1 answer
Implementating step component in react
Javascript React
2 votes357 views1 answer
Adding font awesome to npm or react
Javascript React
0 vote339 views3 answers
Paypal react native
Javascript React
0 vote357 views1 answer
Reactjs events list
Javascript React
1 vote420 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
0 vote353 views1 answer
How to extract params from received link in react native firebase dynamiclink?
Javascript React
1 vote358 views1 answer
How to update version of dependencies reactjs
Javascript React
7 votes377 views4 answers
Import image in react js
Javascript React
0 vote408 views1 answer
How to console log in react native
Javascript React
0 vote364 views1 answer
React-native-ffmpeg gradel issue
Javascript React