angular - 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类属性有助于改变位置，但它有一些问题。

尝试滑动潜水 ui-orderlist-controls和ui-orderlist-list-container容器内 div ui-orderlist ui-widget ui-orderlist-responsive但它不起作用。

您能协助解决此问题吗？

Answer 1

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

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