/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

24 votes224 views3 answers
Set port in react app
Javascript React
0 vote265 views1 answer
Reactjs npm take photo
Javascript React
24 votes229 views6 answers
React map
Javascript React
0 vote265 views1 answer
Write !important in react
Javascript React
-1 vote267 views1 answer
Convert create-react-app to typscript
Javascript React
0 vote228 views1 answer
React script syntax for deployment
Javascript React
8 votes215 views2 answers
Useref in react typescrpt
Javascript React
0 vote269 views1 answer
Stop React Ant Design Upload component from posting files automatically
Javascript React
6 votes241 views2 answers
Hr react
Javascript React
0 vote259 views1 answer
Routing in react jps
Javascript React