使语义-ui table行选择table像Meteor JS中的按钮

Making Semantic-ui table rows selectable like buttons in Meteor JS

我在我的 Meteor JS 网络应用程序中使用语义-ui 创建了一个 table。 table 显示我的数据库中的名称列表。

我想让那个语义的行-ui table selectable 真正意义上的 selectable 而不仅仅是外观上的 selectable 。 目前，当鼠标悬停在一行上时，该行会突出显示（改变阴影），使其显示为 selectable，但是当您单击它时，它不会调用或触发 javascript函数，因此它不是真正的 selectable.

如何让 table 真正被选中table？

如何做到这一点？

可能吗？

还是我只需要在每个 table 的文本旁边添加一个按钮，然后让用户点击该按钮？

我可以在每个单元格中添加按钮，但如果整行都是 selectable 我真的更喜欢它......

非常感谢...

您只需在 <tr> 上添加 class 或 id，然后使用 class 将您想要的功能添加到该行。要创建函数，您需要使用 meteor 模板事件，您可以了解更多相关信息 here.

我还在 jsfiddle 上创建了一个粗略的示例，您可以按照该示例进行操作，只需替换为您自己的 classes 以及模板和文件名即可。 :)

希望对你有所帮助！