При присвоении атрибуту таблицы многоточия `true` покажет черное текстовое поле. Как я могу изменить стиль для цвета фона текстового поля?

Question

Я использовал

<Table {...props} ellipsis={true} />

из Ant Design

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

И тогда проблема в том, что я не могу использовать правую кнопку мыши или нажать CTRL + SHIFT + C в этом текстовом поле, чтобы ввести CSS.

Мне нужно изменить цвет фона и текста.
Как это сделать?

Моя среда

1. Браузер для разработки веб-сайтов google chrome
2. Муравей дизайн V.3
3. Стилизованный компонент

Answer 1

Я уже исправил эту проблему.
Я передал columns реквизиты со свойством render. например,
render(): (_, record) => (<Popover trigger="hover">{record.value}</Popover>)

Код

const MyTable = props => {
   .
   .

  const columns = [
     .
     .
    { ... },
    { ... },
    {
      dataIndex: 'description',
      key: 'description',
      render: ((_, record) => (
        <Popover trigger="hover" placement="topLeft" content={record.description}>{record.description}</Popover>
      ))
    },
    { ... },
    { ... },
     .
     .
  ]

  return (
    <Table {...props, columns} />
  )
}

Теперь я могу настраивать antd className по своему стилизованному компоненту.
Да !!