Row events

[wavded]

Apologies if I missed this in the documentation but I'd like a way to have events when rows are interacted with. Namely if they are clicked or hovered over. Is this doable? Thanks!

[ryanlanciaux]

Thanks for posting this! Currently this isn't something that can be done easily but we are adding some ways to easily have events on these items.

[hc000]

I was playing around with this and I used the useCustomRowComponent and customRowComponent to add another component (and add the event in the other components).

However it removed the default formatting (column header and spacings) of the original table.

Any suggestions on how to go about and integrate them together?

var Popup2 = React.createClass({
getDefaultProps: function(){
return { "data": {} };
},
showSimpleDialog: function(e){
this.refs.simpleDialog.show();
},
render:function(){
return (

{this.props.data}

I'm a popup!

)
}
});

[rorykoehein]

I've currently added an 'onRowClick' prop to Griddle, and then pass that down to gridTable, gridRowContainer and then gridRow. The callback receives the row data and a few other props. Would this be an acceptable feature for a pull request?

[ryanlanciaux]

That would be excellent 👍

[bpugh]

Just checking on the status of this. @Nextminds your changes look good to me. Any reason you haven't submitted a PR?

[ryanlanciaux]

All, we're closing this in favor of GriddleGriddle/griddle-render#15 that we're treating as acceptance criteria for the more modularized components that we're working towards. Please feel free to let us know of any questions 👍

[doubledherin]

I'm confused -- the Properties documentation shows onRowClick, but it seems like it's not actually implemented yet. What's the scoop?