更改PrimeFaces DataGrid（響應模式）行爲

Question

似乎DataGrid PrimeFaces組件（響應模式）開始堆疊在小型設備上，並在分辨率增長超過640像素時變爲水平。我想要 能夠選擇DataGrid列停止堆疊的寬度，並開始放置在另一個旁邊。也就是說，將640 px默認值 更改爲我選擇的任何其他值。

謝謝。

Answer 1

默認斷點是35em，相當於560px。你需要重寫默認情況下PrimeFaces中的css;

/* 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; 
    } 
} 

資料來源：2015年6月以私人形式被問及PF 5.2的數據表組件Primefaces PRO支持（類似的答案，不同的CSS類，測試了這些對PrimeFaces 5.3在線展示）