Использование элемента React внутри средства форматирования Tabulator - PullRequest
Новая
       6

Использование элемента React внутри средства форматирования Tabulator

0 голосов
/ 05 марта 2019

Очень плохо знакомы с nodejs и реагируем.

Использование Tabulator для определения разбитой на страницы таблицы и ее правильной работы.

Это мое простое объявление столбцов: 

const columns = [
  {
    title: "ID",
    field: "id",
    formatter: function(cell) {
      return '<span style="color: red;">' + cell.getValue() + "</span>";
    }
  },
  { title: "First Name", field: "first_name", headerFilter: true },
  { title: "Last Name", field: "last_name", headerFilter: true },
  { title: "Email", field: "email" },
  { title: "Gender", field: "gender" },
  { title: "IP Address", field: "ip_address" }
];

То, что я хочу сделать, это использовать responsejs-popup, чтобы создать модальное окно при нажатии на идентификационный номер.

Код всплывающего окна: 

<Popup
  trigger={<span style="color: red;">{cell.getValue()}</span>}
  modal
  closeOnDocumentClick
>
  <span> Modal content </span>
</Popup>

Как мне заменить return '<span style="color: red;">' + cell.getValue() + "</span>";

С элементом Popup, который отображает поле идентификатора красным цветом по желанию, но затем вызывает модальное окно при нажатии?

Я пытался обернуть Popup в const Modal = () => (...popup code here...) и вернуть модальный объект, но безрезультатно.

...