Как установить ширину списка OrderList в PrimeFaces

Как изменить ширину ListOrder в Primefaces?Как установить ширину списка OrderList в PrimeFaces

Я пробовал с шириной или стилем, но он не хочет, я хочу. Он остается маленьким с свитком:

a busy cat

Есть ли у вас какие-либо идеи?

я попытался с помощью CSS:

.orderlist { 
     width:1000px; 
    }

и р: OrderList styleClass = "Orderlist" ...

Поступая таким образом, моя страница больше, но область, содержащая данные (и прокручивать список остается очень мало

источник

2013-09-17 jobe

* Я пробовал с шириной или стилем, но он не хочет, я хочу * то что вы хотите? Для этого вы должны использовать для этого специальные CSS. –

Вы имеете в виду styleClass и css? Я тоже это пробовал. – jobe

Тогда, пожалуйста, напишите, что вы пробовали, и почему вы говорите * он не хочет, я хочу *. –

следующие CSS отлично работает для меня:.

.ui-orderlist-list { 
    width:300px; 
}

источник

2013-09-17 13:51:03 patstuart

Да, это занимает больше места, но список с колонками остается маленьким с полосой прокрутки. Разве это не то же самое для вас =? – jobe

Я не понимаю, что вы пытаетесь сделать. Что вы имеете в виду, колонка остается маленькой с полосой прокрутки? Если вы хотите посмотреть, как он выглядит, попробуйте перейти на [этот сайт] (http://www.primefaces.org/showcase/ui/orderList.jsf) и войти в консоль и ввести '$ ('. Ui -orderlist-list '). css (' width ',' 100px ') ' – patstuart

Пример в виде строк похож на мой. Но у меня есть гораздо больше данных/столбцов для отображения. Таким образом, он слишком мал. Я использовал dataTable до сих пор, но я хотел бы иметь возможность изменять порядок элементов с помощью перетаскивания. – jobe

.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-13 16:55:40

Хотя этот код может ответить на вопрос, предоставление хотя бы небольшого объяснения поможет будущим читателям. – deW1

Как установить ширину списка OrderList в PrimeFaces

ответ

Смежные вопросы