Il semble que le composant DataGrid PrimeFaces(mode réactif) démarre en superposition sur de petits appareils et devient horizontal lorsque la résolution dépasse 640 px. je veux pouvoir choisir la largeur à partir de laquelle les colonnes DataGrid ne sont plus empilées et commencer à les positionner les unes à côté des autres. Autrement dit, changez la valeur par défaut de 640 px à toute autre valeur de mon choix.
Merci.
Réponses:
0 pour la réponse № 1Le point d'arrêt par défaut est de 35 µm, ce qui équivaut à 560 px. Vous devez remplacer le css dans PrimeFaces qui est par défaut;
/* Responsive */
@media (max-width:35em){
.ui-grid-responsive .ui-grid-row {
display:block;
}
.ui-grid-responsive .ui-grid-col-1,.ui-grid-responsive .ui-grid-col-2,.ui-grid-responsive .ui-grid-col-3,.ui-grid-responsive .ui-grid-col-4,.ui-grid-responsive .ui-grid-col-5,.ui-grid-responsive .ui-grid-col-6,.ui-grid-responsive .ui-grid-col-7,.ui-grid-responsive .ui-grid-col-8,.ui-grid-responsive .ui-grid-col-9,.ui-grid-responsive .ui-grid-col-10,.ui-grid-responsive .ui-grid-col-11,.ui-grid-responsive .ui-grid-col-12 {
width:100%;
float:none;
}
}
Source: assistance PRO Primefaces interrogée sous forme privée sur le composant DataTable de PF 5.2 en juin 2015 (réponse similaire, différentes classes de CSS, testées sur la vitrine en ligne de PrimeFaces 5.3)