将primefaces rowEditor与同一列中的另一个元素对齐

Question

我正在使用PrimeFaces 6.我想在dataTable的同一列中将rowEditor和commandButton放在一起。但是，元素一个在另一个之上。布局看起来像这样：

<p:dataTable ...>
    <p:column>  
        ...
    </p:column>
    ...
    <p:column>  
        <p:rowEditor />
        <p:commandButton/>
    </p:column>
</p:dataTable>

我的问题实际上与Primefaces roweditor in same column with other buttons相同，但答案对我不起作用。

我试过了两次

.ui-row-editor:after {
    clear: none !important;
}

和

.ui-row-editor{
    display: inline;
}

但这不起作用。我在浏览器检查器中检查过html，我不知道为什么这些元素会像那样对齐。