Semantic-UI-React的table组件是否支持类似于OnRowSelect的功能?
Does Semantic-UI-React's table component support a function similar to OnRowSelect?
我有类似这样的代码:
<Table selectable>
<Table.Header>
<Table.HeaderCell />
<Table.HeaderCell>ID</Table.HeaderCell>
<Table.HeaderCell>Name</Table.HeaderCell>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell>
<Table.Cell><Checkbox /></Table.Cell>
</Table.Cell>
<Table.Cell>1</Table.Cell>
<Table.Cell>George</Table.Cell>
<Table.Row>
</Table.Body>
</Table>
我希望能够使用复选框作为句柄来调度编辑、删除等操作。
我知道 Table 组件支持一个可选择的道具,但它似乎所做的只是让一行看起来可选择。我似乎找不到任何将所选行作为类似于 onRowSelect 的函数中的参数传回的功能。
selectable
prop 只增加了 CSS class,目前没有真正的功能。您应该自己实施 onClick
。
我有类似这样的代码:
<Table selectable>
<Table.Header>
<Table.HeaderCell />
<Table.HeaderCell>ID</Table.HeaderCell>
<Table.HeaderCell>Name</Table.HeaderCell>
</Table.Header>
<Table.Body>
<Table.Row>
<Table.Cell>
<Table.Cell><Checkbox /></Table.Cell>
</Table.Cell>
<Table.Cell>1</Table.Cell>
<Table.Cell>George</Table.Cell>
<Table.Row>
</Table.Body>
</Table>
我希望能够使用复选框作为句柄来调度编辑、删除等操作。 我知道 Table 组件支持一个可选择的道具,但它似乎所做的只是让一行看起来可选择。我似乎找不到任何将所选行作为类似于 onRowSelect 的函数中的参数传回的功能。
selectable
prop 只增加了 CSS class,目前没有真正的功能。您应该自己实施 onClick
。