Выровняйте простые лица rowEditor с другим элементом в том же столбце

Question

Я использую PrimeFaces 6. Я хотел бы поместить rowEditor и commandButton друг в друга в одном столбце dataTable. Тем не менее, элементы отображаются один над другим. Макет выглядит примерно так:

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

Мой вопрос фактически идентичен редактору строк Primefaces в одном столбце с другими кнопками, хотя ответы у меня не работают.

Я пробовал оба

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

а также

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

но это не работает Я проверил HTML в браузере инспектора, и я не знаю, почему эти элементы выровнены так.