PrimeNG订单列表更改按钮位置

Question

需要更改PrimeNG p-orderList组件的按钮位置。它在浏览器中生成以下HTML代码。

<div class="ui-orderlist ui-widget ui-orderlist-responsive">
    <div calss="ui-orderlist-controls">
    </div>
    <div calss="ui-orderlist-list-container">
    </div>
</div>

ui-orderlist-controls类属性有助于改变位置，但它有一些问题。

尝试在容器div ui-orderlist-controls内轻扫潜水ui-orderlist-list-container和ui-orderlist ui-widget ui-orderlist-responsive，但它无效。

你能协助解决这个问题。

Answer 1

我在PrimeNG网站上找到了一个快速的CSS解决方案。放入你的CSS：

.ui-orderlist {
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
}

Answer 2

  <div class="ui-orderlist ui-widget ui-orderlist-responsive">
                <div class="ui-orderlist-controls" style="float: right;">
        .
        .
        .

或使用css：

.ui-orderlist-controls {
    float: right !important;
}