Как может быть иконка, установленная на границе реакции- bootstrap -table2

Question

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

Значок установлен в 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>
    )
};

Возможно ли это?

Answer 1

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