/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 vote123 views1 answer
How to run bare react-native project
Javascript React
0 vote70 views0 answer
React
Javascript React
133 votes266 views6 answers
Create react project
Javascript React
0 vote117 views1 answer
React native Stack Navigation Prop unused variable
Javascript React
8 votes111 views3 answers
Icon shwoing a box react native vector icons
Javascript React
0 vote111 views1 answer
Initialize Axios React Redux CRUD API calls
Javascript React
3 votes123 views4 answers
Import in react
Javascript React
0 vote129 views1 answer
React-chartjs-2
Javascript React
0 vote122 views2 answers
Module not found: Error: Can't resolve 'crypto' react
Javascript React
0 vote121 views2 answers
How to pass data in router link react-typescript
Javascript React