PrimeFaces DashBoard列宽

Question

我有一个很大的问题，到目前为止我还找不到解决方案。我在寻找与我的问题相同的类似问题，但也没有找到解决方案

问题:我想在仪表板的仪表板列中添加不同的宽度以进行不同的布局，顺便说一句，我发现了两种创建仪表板的方法，第一种是在我的bean中创建模型，并在添加小部件后也在bean中添加DashboardColumns，第二种是通过标记<p:dashboardColumn>创建列，这就是问题第一种方法是在xhtml文件中创建没有实际列的列，这使得我可以单独控制每一列的css，以及我发现我可以通过

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

写下我的风格，好吧，但是那样我不能为列设置不同的大小(宽度)，第二个问题是p:dashboardColumn不在我的primefaces库中，尽管我从网站上下载了库并将它添加到我的集成开发环境中(类路径和源代码)注:在我的开始标记中，我包含了使我的primefaces组件工作的xmlns:p="http://primefaces.org/ui"，但<p:dashboardColumn>不工作，但在使用此标记的示例中，它包含xmlns:p="http://primefaces.prime.com.tr/ui"，这是我在另一个库中找到的，但它不能使我的标记像(p:selectOneMenu)那样工作，但它使<p:dashboardColumn>工作

..。这就是我的问题，我不能为列设置不同的宽度……有帮助吗？

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

Answer 1

看看CSS第n个子选择器：

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

但是要注意你所做的事情，你可能会发现其他元素的大小是由prime faces动态调整的，而不是在CSS中。