/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 vote216 views1 answer
Form- text area react
Javascript React
0 vote282 views1 answer
OnClick={ (window.open react js
Javascript React
5 votes293 views1 answer
Deploy react js heroku
Javascript React
5 votes220 views3 answers
How to open a new tab in react
Javascript React
6 votes358 views3 answers
Multiple path names for a same component in react router
Javascript React
0 vote225 views1 answer
How to run react build locally
Javascript React
0 vote227 views1 answer
React native camscanner application mobile code
Javascript React
41 votes207 views5 answers
UseRef() in react
Javascript React
0 vote216 views1 answer
Use jsx extension react-native
Javascript React
0 vote231 views1 answer
Concat two arrays each value react typescript
Javascript React