PrimeFaces DashBoard列宽

Question

我有一个大问题，到现在为止我都找不到解决方案……我正在寻找与我的问题相同的类似产品，但我也没有找到解决方案

问题：我想为仪表板中的仪表板列添加不同的宽度以进行不同的布局，我发现了创建仪表板的两种方法，首先是在bean中创建模型，然后在添加后在bean中也将其添加到DashboardColumns中。它的小部件，其次是通过标签<p:dashboardColumn>创建列，这是问题所在，第一个选项意味着在xhtml文件中创建没有实际列的列，这使我可以单独控制每个列的css，以及发现方法可以通过以下方式编辑列的默认CSS

.pf-dashboard-column {width:200px;} 

并写出我的样式，好吧，但是那样并不能使我为列设置不同的大小（宽度），而第二个问题是p:dashboardColumn不在我的primitives lib中，尽管我是从lib库中下载的该站点并将其添加到我的IDE（类路径和源）中注意：在我的开始标记中，我包含xmlns:p="http://primefaces.org/ui" ，这使我的primefaces组件正常工作，但<p:dashboardColumn>不工作但在使用此标签的示例中，它包含xmlns:p="http://primefaces.prime.com.tr/ui" ，这是我在另一个lib中找到的，但它不会使我的标签像（ p:selectOneMenu ），但使<p:dashboardColumn>工作

...这是我的问题，我无法为列设置不同的宽度...任何帮助？？？

还有另一件事，当我调整浏览器的大小时，面板的顺序改变了，我不知道为什么？

Answer 1

看一下CSS nth-child选择器：

http://www.w3schools.com/cssref/sel_nth-child.asp

.pf-dashboard-columnp:nth-child(1) {
  width: 400px;
}
.pf-dashboard-columnp:nth-child(2) {
  width: 500px;
}

但是要小心，您可能会发现其他元素是通过素面动态调整大小的，而不是在CSS中。