/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 vote143 views1 answer
Const userMessage Reaction = new UserMessage Reaction({ _id: mongoose.Types.ObjectId(), userId: "USERID", userName: "TESTUSERNAME", messageId: "TESTMESSAGEID", time: "TESTTIME" });
Javascript React
1 vote133 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
0 vote136 views1 answer
Showing a custom toast function for react-toastify - Toast show
Javascript React
0 vote171 views1 answer
Remove console messages of react-i18next
Javascript React
1 vote128 views2 answers
React native get timezone
Javascript React
10 votes134 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote136 views1 answer
Load all icon from a folder in react
Javascript React
0 vote143 views1 answer
How to upload react js project on server
Javascript React
1 vote136 views2 answers
History react router
Javascript React
10 votes147 views3 answers
Install firebase react
Javascript React