如何在Primereact v9 DataTable单元格右侧渲染图标？

不用纠结绝对定位，用Flex布局就能完美实现，还能保留你原本的文字省略效果，具体修改如下：

把你原来body里的div改成带flex样式的容器，同时给文字单独加个容器控制省略逻辑：

<Column
    field="status"
    header="Status"
    style={{
        maxWidth: '150px',
        overflow: 'hidden',
        textOverflow: 'ellipsis',
        whiteSpace: 'nowrap'
    }}
    body={(rowData) => {
        if (rowData.status !== "Дистрибутив обработан") {
            return (
                <div style={{ 
                    display: 'flex', 
                    alignItems: 'center', 
                    justifyContent: 'space-between',
                    width: '100%'
                }}>
                    <span style={{ 
                        flex: 1, 
                        overflow: 'hidden', 
                        textOverflow: 'ellipsis', 
                        whiteSpace: 'nowrap',
                        marginRight: '8px' // 给图标留间距，优化视觉
                    }}>
                        {rowData.status}
                    </span>
                    <i className="pi pi-check"></i>
                </div>
            );
        } else {
            return (
                <div style={{ 
                    width: '100%',
                    overflow: 'hidden',
                    textOverflow: 'ellipsis',
                    whiteSpace: 'nowrap'
                }}>
                    {rowData.status}
                </div>
            );
        }
    }}
    sortable
/>

关键逻辑说明： #

• 外层div用display: flex+justify-content: space-between，让文字和图标分别靠左右两侧，align-items: center保证二者垂直居中对齐
• 文字外层的span设置flex:1，占满单元格剩余空间，同时保留你原来的省略样式，确保文字超长时自动截断
• 给span加margin-right，避免图标紧贴文字，提升视觉舒适度
• 外层div设置width:100%，确保它撑满整个单元格空间，不会出现布局偏移

这样既不会破坏原本的单元格宽度限制和文字省略效果，还能让图标稳稳固定在单元格右侧，比绝对定位更稳定，不会出现元素溢出或错位的问题。

内容的提问来源于stack exchange，提问作者Max