0

如何更改 Primefaces 中 ListOrder 的宽度?

我尝试了宽度或样式,但它并不想要我想要的。它保持很小的滚动:

一只忙碌的猫

你有什么主意吗?

我试过用CSS:

    .orderlist {
        width:1000px;
    }

和 p:orderList styleClass="orderlist" ...

这样做,我的页面更大,但包含数据的区域(并且可滚动列表仍然非常小。

4

3 回答 3

1

以下 CSS 对我来说很好用:

.ui-orderlist-list {
    width:300px;
}
于 2013-09-17T13:51:03.513 回答
1
.ui-orderlist .ui-orderlist-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow:auto;
    height:200px;
    width:100%;
}

.ui-orderlist .ui-orderlist-list li {
    margin: 1px;
    padding: 2px;
}

.ui-orderlist .ui-orderlist-button {
    display:block;
    margin-bottom:0.3em;
}

.ui-orderlist .ui-orderlist-button.ui-button-text-icon-primary {
    width:100%;
}

.ui-orderlist .ui-orderlist-item {
    cursor:pointer;
    border:0px none;
    font-weight: inherit;
}

.ui-orderlist .ui-orderlist-caption {
    text-align: center;
    padding:4px 10px 4px 10px;
    border-bottom:0px none;
}

.ui-orderlist table {
    width:100%;
    border-collapse:collapse;
}
于 2015-04-13T16:55:40.183 回答
1

将此代码放入 style.css

.ui-orderlist-list-container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
于 2019-03-15T16:56:25.477 回答