![](/img/trans.png)
[英]How to set width and margin of <p:column> in a <p:dataTable> ? primefaces
[英]How to set OrderList width in PrimeFaces
如何更改 Primefaces 中 ListOrder 的宽度?
我尝试了宽度或样式,但它并不想要我想要的。 它保持很小的滚动:
你有什么主意吗?
我试过用CSS:
.orderlist {
width:1000px;
}
和 p:orderList styleClass="orderlist" ...
这样做,我的页面更大,但包含数据的区域(并且可滚动列表仍然非常小。
Coloque este código em style.css
.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;
}
以下 CSS 对我来说很好用:
.ui-orderlist-list {
width:300px;
}
.ui-orderlist-list-container {
width: 70%;
margin-left: auto;
margin-right: auto;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.