/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 vote209 views1 answer
React props change
Javascript React
0 vote197 views1 answer
React native stylesheet shortcut
Javascript React
2 votes223 views1 answer
React function being called every minute
Javascript React
0 vote228 views1 answer
News api react native
Javascript React
0 vote190 views1 answer
How to style navigation drawer react navigation v5
Javascript React
0 vote189 views1 answer
React open on different url instead of localhost
Javascript React
0 vote244 views1 answer
React bootstrap profile card
Javascript React
3 votes198 views1 answer
React arrays
Javascript React
0 vote188 views2 answers
React native setstate object
Javascript React
0 vote233 views1 answer
How to align text vertically center beside an image in react native
Javascript React