Semantic UI React - Table - Сделать целую строку выбираемой и ссылаться куда-нибудь - PullRequest
Новая
       43

Semantic UI React - Table - Сделать целую строку выбираемой и ссылаться куда-нибудь

0 голосов
/ 28 октября 2019

Я попытался сделать строку доступной для выбора, но я хочу иметь возможность щелкнуть в любом месте строки и получить ссылку где-нибудь. У каждой строки должна быть своя ссылка.

Таким образом, ниже все все мои 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...

Я хочу, чтобы только каждая строка выбиралась и имела одинаковый цвет, и чтобы каждая строка имела ссылку на другую ссылку.

Спасибо!

1 Ответ

0 голосов
/ 28 октября 2019

Вам нужно обработать onClick в строке следующим образом: 

   <Table.Row
          positive
          onClick={() => {
            handleClick("1");
          }}
        >

Рабочий пример можно посмотреть здесь:

https://codesandbox.io/s/semantic-ui-example-5izhs

...