小编Str*_*rly的帖子

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

我尝试使一行可选择,但我希望能够单击行内的任何位置并将其链接到某处。每行应该有不同的链接。

即使我指定了多个单元格,下面的这种方式也会将我的所有 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...
Run Code Online (Sandbox Code Playgroud)

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

<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...
Run Code Online (Sandbox Code Playgroud)

我想让每一行都可选择并悬停相同的颜色,并使每一行链接到不同的链接。

谢谢你!

reactjs semantic-ui semantic-ui-react

4
推荐指数
1
解决办法
3417
查看次数

标签 统计

reactjs ×1

semantic-ui ×1

semantic-ui-react ×1