/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

2 votes159 views1 answer
React native image source local file
Javascript React
0 vote161 views1 answer
React native get navigation bar height
Javascript React
0 vote170 views1 answer
Url in listitem react
Javascript React
0 vote147 views1 answer
Altenrive for react native
Javascript React
2 votes143 views1 answer
React select with react hook form cotroller
Javascript React
0 vote149 views1 answer
Displaying the date react
Javascript React
3 votes173 views1 answer
React.children.only expected to receive a single react element child
Javascript React
3 votes136 views1 answer
InnerWidth react
Javascript React
0 vote155 views1 answer
Get rid of header bar react native
Javascript React
2 votes150 views3 answers
React cdn link
Javascript React