/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 vote186 views1 answer
Add clickable link to image in react native
Javascript React
0 vote132 views1 answer
Document is not defined react router
Javascript React
8 votes199 views1 answer
Professional react projects
Javascript React
0 vote195 views1 answer
React modal scroll 2 overlapping components
Javascript React
0 vote205 views1 answer
Blank array condition in react js
Javascript React
13 votes179 views3 answers
Enable emmet vscode react
Javascript React
1 vote251 views1 answer
React site warning: The href attribute requires a valid address. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid
Javascript React
0 vote206 views1 answer
React router link electron not working
Javascript React
0 vote177 views1 answer
React got error need to enable javascript
Javascript React
0 vote244 views1 answer
React inject component into another component
Javascript React