Dashboard project

dataGrid.jsx

import React from "react";
import { AgGridReact } from "ag-grid-react";
import "ag-grid-community/dist/styles/ag-grid.css";
import "ag-grid-community/dist/styles/ag-theme-balham.css";
function DataGrid(props) {
  function getSelectedRows() {
    console.log("getSelected");
  }
  return (
    <React.Fragment>
      <div
        className="ag-theme-balham"
        style={{ height: "500px", width: "800px" }}
      >
        <button onClick={getSelectedRows}>Get Selected Rows</button>
        <AgGridReact
          rowSelection={props.rowSelection}
          columnDefs={props.columnDefs}
          rowData={props.rowData}
        />
      </div>
    </React.Fragment>
  );
}
export default DataGrid;