如何在 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% 會使圖像進入邊框。