Question : roweventhandlers, do you have working example beside in the website ? about react-base-table HOT 9 CLOSED

the source code for action: const action = message => args => console.log(message, args), it returns a callback actually, so you should use it in this way

const rowEventHandlers = {
    onClick: ({ rowData, rowIndex, rowKey, event }) => console.log('clicked'),
    
  }
...
<BaseTable ... rowEventHandlers={rowEventHandlers} />

from react-base-table.

Thanks @nihgwu

from react-base-table.

Oh, I didnt know if there's example folder inside the git, no wonder I feel at lost :)

Thanks again

from react-base-table.

You are welcome 😄

from react-base-table.

@nihgwu Is it possible to get the column that clicked using this roweventhandlers ? Or there's another event handler to use ?

TIA

from react-base-table.

for cells you can just add event listeners on your cell element, like cellRenderer = () => <div onClick={} />, or there is an advanced prop cellProps to attach listeners on cell's root element

from react-base-table.

Yes, I already do that, I hope there's already some feature in it :)

Thanks again

from react-base-table.

I have RowHandler to call a function onClick of row and also a menu popup in cell to open menu on click... now what happens when i click on menuPopover in cell, RowHandler events are fired, I don't know where i have to add Stoppropaate to stop propagation or is there a different way to handle this ?

from react-base-table.

@kaleem-elahi that's how React Portal work, it will propagate events to it's host(there is a long discussion on this behaviour) , so you need to stopPropagation in your popover

from react-base-table.