PrimeFaces DashBoard 列宽

Question

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

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

列的 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 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 中调整的。