在Material-UI單選<Table>中，如何實現行內控件？

我在單選表的每一行中實現了一個<IconMenu>。 <Table onRowSelection=提供了一個跟蹤當前行的事件。不幸的是，如果用戶第一次選擇該行，然後點擊<IconMenu>該行首先看到<IconMenu>上的點擊爲取消選擇，因此當<IconMenu><MenuItem onClick=激發時沒有選定的行。在Material-UI單選<Table>中，如何實現行內控件？

我已經繞過一些（保留最後看到的選擇），但仍然存在問題;特別是行突出顯示消失了，所以用戶可能不確定他們點擊了哪一行。

有沒有一種乾淨的方法可以在點擊行中的<IconMenu>時完全禁止行選擇行爲？

你認爲我應該寫一個關於https://github.com/callemall/material-ui的問題嗎？

來源

2016-06-29 Ed Staub

您可以通過停止每個包含<IconMenu>的事件傳播來解決此問題。爲了做到這一點，只需添加一個onClick處理程序給每個包含<IconMenu>的處理程序。類似這樣的：

<TableRowColumn> 
    <div onClick={(e) => {e.stopPropagation()}}><IconMenu></div> 
</TableRowColumn>

來源

2017-04-19 21:27:39 CaseyC

在Material-UI單選<Table>中，如何實現行內控件？

回答

相關問題