Issue 1:
I've been messing with it all night to see if I can isolate the problem.

What I've come up with is it seems to fire partially, but the function call doesn't bubble up to any of the Table components.

In table-row.js the following code runs when I click a TableRowColumn:

(lines 179 to 183)

_onCellClick: function _onCellClick(e, columnIndex) {
if (this.props.selectable && this.props.onCellClick) this.props.onCellClick(e, this.props.rowNumber, columnIndex);
e.ctrlKey = true;
this._onRowClick(e);
},

This does then call _onRowClick in table-row.js:

(lines 166 to 169)

_onRowClick: function _onRowClick(e) {
console.log("table-row") //Ignore this. My test logging.
if (this.props.onRowClick) this.props.onRowClick(e, this.props.rowNumber);
},

My component code looks like this:

<Table
fixedHeader={this.state.fixedHeader}
selectable={this.state.selectable}
onRowClick={this._handleClick.bind(this)}
>
<TableHeader
enableSelectAll={this.state.enableSelectAll}
displaySelectAll={this.state.displaySelectAll}
adjustForCheckbox={this.state.adjustForCheckbox}>
<TableRow
displayRowCheckbox={this.state.displayRowCheckbox}
selectable={false}>
<TableHeaderColumn>Filename</TableHeaderColumn>
<TableHeaderColumn>Experiment</TableHeaderColumn>
<TableHeaderColumn>Date created</TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody
showRowHover={this.state.showRowHover}
displayRowCheckbox={this.state.displayRowCheckbox}>
{this.props.rows.map(function(row) {
return (
<TableRow
selectable={this.state.selectable}
key={row.name}>
<TableRowColumn>{row.name}</TableRowColumn>
<TableRowColumn>{row.experiment}</TableRowColumn>
<TableRowColumn>{row.created}</TableRowColumn>
</TableRow>
);
}, this)} // you can pass an arg to define 'this' in the callback!
</TableBody>
</Table>

I'm able to get onCellClick to work just fine, but onRowClick doesn't work if I place it on the <Table/>, <TableBody/> or <TableRow/>

One of the things I've noticed is that table.js doesn't make any mention of onRowClick. table-body.js makes some mention of onRowClick, but it has different intentions than the similar onCellClick code in the same file.

In table-body.js lines 194 to 203:

_onRowClick(e, rowNumber) {
console.log("poop")
e.stopPropagation();

if (this.props.selectable) {
// Prevent text selection while selecting rows.
window.getSelection().removeAllRanges();
this._processRowSelection(e, rowNumber);
}
},

(lines 293 to 296):

_onCellClick(e, rowNumber, columnNumber) {
e.stopPropagation();
if (this.props.onCellClick) this.props.onCellClick(rowNumber, this._getColumnId(columnNumber));
},

I've tried messing with material-ul source a bit, but haven't yet found a fix. I'm missing something, but I don't know what I'm missing.

Issue 2:
I'm working on implementing sorting functionality and cannot for the life of me get onClick to fire for <TableHeaderColumn>. I see that there is an onClick prop in the docs, but no luck.

<Table
fixedHeader={true}
>
<TableHeader adjustForCheckbox={false} displaySelectAll={false}>
<TableRow>
<TableHeaderColumn style={{width: '7%'}}></TableHeaderColumn>
<TableHeaderColumn style={{width: '12%'}} tooltip="Click to sort">Name</TableHeaderColumn>
<TableHeaderColumn onClick={(row, col) => console.log(col)} style={{width: '17%'}} tooltip="Click to sort">Email</TableHeaderColumn>
<TableHeaderColumn style={{width: '7%'}} tooltip="Click to sort">Role</TableHeaderColumn>
<TableHeaderColumn style={{width: '10%'}} tooltip="Click to sort">Status</TableHeaderColumn>
<TableHeaderColumn style={{width: '2%'}}></TableHeaderColumn>
</TableRow>
</TableHeader>
<TableBody selectable={true} showRowHover={true} displayRowCheckbox={false} style={{overflow: 'visible'}}>
{rows}
</TableBody>
</Table>

This was just for testing purposes, but the third <TableHeaderColumn> does nothing when clicked. It also doesn't fire when passed a this.handleClick or other callback. onCellClick being passed to <Table> works when clicked on anything other than the header cells. This is using React 0.13.2 and Material-UI 0.11.0.