Breaking News: Grepper is joining You.com. Read the official announcement!

add image to ag-grid with react

Nitria answered on November 10, 2021 Popularity 5/10 Helpfulness 4/10

answer add image to ag-grid with react

add image to ag-grid with react

Comment

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>
  );
  };

Popularity 5/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: add ag-grid image javascript

Link to this answer
Share Copy Link

Contributed on Nov 10 2021

Nitria

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

add image to ag-grid with react

Contents

More Related Answers

add image to ag-grid with react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.