java PrimeFaces仪表板列宽

Question

我有一个大问题，直到现在我都找不到解决办法。。。 我寻找与我的问题相同的类似问题，但我也没有找到解决方案

问题是： 我想给我的仪表板中的仪表板列添加不同的宽度以制作不同的布局，顺便说一句，我找到了两种创建仪表板的方法，第一种是在我的bean中创建模型，在向它添加小部件之后，在bean中添加DashboardColumns，第二，通过标签创建列<p:dashboardColumn>，这里有一个问题，第一个选项意味着在xhtml文件中创建没有实际列的列，这使我可以单独控制每一列的css，以及我发现可以通过

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

写我的风格，好吧，但这样做并不能让我为列制作不同的大小（宽度），第二个问题是p:dashboardColumn不在我的primefaces库中，尽管我从网站下载了库并将其添加到我的IDE（类路径和源代码） 注： 在我的开始标记中，我包含了xmlns:p="http://primefaces.org/ui"，它使我的primefaces组件工作，但<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;
}

不过，要小心你的操作，你可能会发现其他元素的大小是由素面动态调整的，而不是在CSS中