/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

11 votes276 views2 answers
Shadow using react native
Javascript React
0 vote274 views2 answers
Disable a button react
Javascript React
6 votes305 views2 answers
String to html javascript react
Javascript React
0 vote262 views1 answer
Implementing state lifecycle in react class component
Javascript React
10 votes213 views1 answer
That is neither a react function component nor a custom react hook function. react component names must start with an uppercase letter. react hook names must start with the word "use"
Javascript React
8 votes263 views3 answers
Change title react
Javascript React
0 vote242 views1 answer
Making all makers to show in react native map
Javascript React
0 vote283 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote268 views1 answer
React keydown event listener
Javascript React
26 votes259 views5 answers
React font-awesome
Javascript React