/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

6 votes218 views1 answer
How to import dotenv in react
Javascript React
2 votes202 views1 answer
How to add multiple style attributes in react element
Javascript React
1 vote212 views1 answer
Class MyComponent extends React.Component { } ... what is the ES5 equivalent of this *
Javascript React
4 votes215 views1 answer
How to add custom font to react project
Javascript React
0 vote195 views1 answer
How to stop server of react js
Javascript React
15 votes190 views4 answers
Get query params react
Javascript React
21 votes198 views4 answers
Setinterval react
Javascript React
0 vote255 views1 answer
Setstate after timeout react
Javascript React
-1 vote222 views1 answer
Animation react native npm
Javascript React
0 vote232 views1 answer
React check if array contains value
Javascript React