/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 vote124 views1 answer
Js map vs react js map
Javascript React
0 vote145 views1 answer
React sticky hook
Javascript React
1 vote126 views1 answer
New line in p tag react
Javascript React
4 votes147 views2 answers
Axios react post form data
Javascript React
0 vote125 views1 answer
Export socket io connection in react
Javascript React
0 vote125 views1 answer
React native navigate two screens back
Javascript React
0 vote118 views1 answer
Reduce to calculate sum react
Javascript React
0 vote116 views5 answers
Line 7:18: 'Section' is not defined react/jsx-no-undef
Javascript React
-1 vote124 views1 answer
How to load the images from the website dynamically in react
Javascript React
0 vote141 views1 answer
Background image not loading from a link react
Javascript React