css - PrimeFaces で OrderList の幅を設定する方法

Question

Primefaces で ListOrder の幅を変更するにはどうすればよいですか?

幅やスタイルを試してみましたが、欲しいとは思いません。スクロールすると小さいままです。

何か考えはありますか？

私はcssで試しました：

    .orderlist {
        width:1000px;
    }

そして p:orderList styleClass="orderlist" ...

そうすることで、私のページは大きくなりますが、データを含む領域 (およびスクロール可能なリストは非常に小さいままです.

Answer 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;
}