语义UI React-表-使整行可选并链接到某处

问题描述 投票:0回答:1

我已经尝试过使行成为可选状态,但是我无法使用整行的链接。

这种方式将我所有的Table.Cells放入一个单元格。

<Table selectable color={'black'} >
   <Table.Body>
      <Table.Row positive>
         <Link to={'/ticker/'}> 
            <Table.Cell></Table.Cell>
            <Table.Cell></Table.Cell>
            <Table.Cell></Table.Cell>
            etc...

这种方式解决了问题,但使每个单元格都具有悬停,而不是整个行都悬停。

<Table selectable color={'black'} >
   <Table.Body>
      <Table.Row positive>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         <Table.Cell selectable><Link to={'/ticker/'}></Link></Table.Cell>
         etc...

我想使每一行都是可选择的,并且将鼠标悬停在相同的颜色上,并使每一行链接到不同的链接。

谢谢!

reactjs semantic-ui semantic-ui-react
1个回答
0
投票

在第二个示例中,您不需要将selectable属性应用于Table.Cell。

© www.soinside.com 2019 - 2024. All rights reserved.