如何更改 Primefaces 中 ListOrder 的宽度?
我尝试了宽度或样式,但它并不想要我想要的。它保持很小的滚动:
你有什么主意吗?
我试过用CSS:
.orderlist {
width:1000px;
}
和 p:orderList styleClass="orderlist" ...
这样做,我的页面更大,但包含数据的区域(并且可滚动列表仍然非常小。
如何更改 Primefaces 中 ListOrder 的宽度?
我尝试了宽度或样式,但它并不想要我想要的。它保持很小的滚动:
你有什么主意吗?
我试过用CSS:
.orderlist {
width:1000px;
}
和 p:orderList styleClass="orderlist" ...
这样做,我的页面更大,但包含数据的区域(并且可滚动列表仍然非常小。
以下 CSS 对我来说很好用:
.ui-orderlist-list {
width:300px;
}
.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;
}
.ui-orderlist-list-container {
width: 70%;
margin-left: auto;
margin-right: auto;
}