Как можно установить иконку на границе react-bootstrap-table2

Попытка добавить простую точку прямо в конец строки в таблице react-bootstrap, но безуспешно. Моя иконка находится в последнем столбце строки.

Значок устанавливается в div в blueDotFormatter в фиктивном поле.

   {
        dataField: 'blueDot',
        isDummyField: true,
        formatter: blueDotFormatter,
        headerStyle: (colum, colIndex) => {
            return {
                width: '1%',
                paddingRight: '0',
                marginRight: '0'
            };
        }

стиль td всегда переопределяет мой стиль, и я не могу установить значок прямо на границе строки.

const blueDotFormatter = () => {

    return (
        <div className={"blue-dot blue-dot-"}>
            <img alt="image" src={blueDotIcon}/>
        </div>
    )
};

Является ли это возможным?


person deathfry    schedule 31.03.2020    source источник


Ответы (1)


Если кто-то ищет это - установка ширины на 0,8% и даже 0,89% заставляет изображение уходить в границу.

person deathfry    schedule 02.04.2020