how to handle click on table row in React


Topic: how to handle click on table row in React

kashyap kotak asked 2 years ago

Expected behavior

To return an event object when clicked on a row using the clickEvent API

Actual behavior

Returns a Class which cannot be used to get the row data

Resources (screenshots, code snippets etc.)

click handler function:const handleRowClick = (region) => {console.log(region);}
my row structure: [{region:key,someProp1:someValue,someProp2:someValue,clickEvent:handleRowClick}]
console log screenshot:enter image description here


Piotr Glejzer staff commented 2 years ago

I think it is not possible to it now. I will add a task about that. Are you using version 5 of Datatable or other?


kashyap kotak commented 2 years ago

using MDB Version: 4.27.0 and following this example https://mdbootstrap.com/docs/react/tables/scroll/. The API page mentioned the presence of clickEvent property.


Piotr Glejzer staff commented 2 years ago

Yes, you are right. I forgot about that. It has to be fixed and like I said there is not possible to do it now.


victoriatech commented a year ago

I dont know what so hard about that, when you send that same object when clicking on checkbox. Please make rows clickable.


Status

Closed

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.27.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No