如何在 react-bootstrap-table2 的边框上设置图标

Question

试图在 react-bootstrap-table 行的末尾添加一个简单的点，但没有运气。 我的图标位于该行的最后一列。

图标设置在虚拟字段中 blueDotFormatter 的 div 中

   {
        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% 会使图像进入边框。