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

来源：Primefaces PRO支持在2015年6月以私人形式查询PF 5.2的DataTable组件（类似的答案，不同的css类，在PrimeFaces 5.3在线展示中测试过这些）

更改PrimeFaces DataGrid（响应模式）行为

1 个答案: