/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 vote136 views1 answer
Reactnaviataion change title
Javascript React
0 vote128 views1 answer
Detecting change in animated value react native
Javascript React
0 vote128 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote183 views1 answer
No unuseds varsnreactjs
Javascript React
0 vote159 views1 answer
Set cors for a react node application socket error
Javascript React
11 votes126 views4 answers
React native text underline
Javascript React
4 votes132 views2 answers
Change the route on button click react
Javascript React
0 vote122 views1 answer
Ngif react
Javascript React
0 vote89 views1 answer
Image continuous changing div react
Javascript React
0 vote120 views1 answer
Enzynme not support react 17
Javascript React