Question

有没有办法将样式应用于p：selectManyMenu？

中的列

<!-- Cut down version of the code -->
<p:selectManyMenu id="myMenu" value="#{myBean.myEntries}" 
        var="ent" converter="#{EntriesConverter}"
        showCheckbox="true" styleClass="valign-middle mapMenu" >
    <f:selectItems value="#{myBean.entryList}" var="entry" itemValue="#{entry}" />
    <p:column styleClass="css_id">#{entry.id}</p:column>
    <p:column styleClass="css_name">#{entry.name}</p:column>
</p:selectManyMenu>

生成的代码不包含css_id和css_name，因此我看不到将css样式应用于列的好方法：（

我错过了什么或不可能吗？有哪些替代方案？

Answer 1

我找到了一种以相当迂回的方式控制列宽的方法：

/* MyStylesheet.css */

.mapMenu 
{
  height: 200px;
  width: inherit ! important;
}
.mapMenu table 
{
  table-layout: fixed;
}
.mapMenu table tbody tr td:nth-of-type(1) 
{
  width: 20px;
}
.mapMenu table tbody tr td:nth-of-type(2) 
{
  width: 50px;
}

这可能不是最佳方式，但在出现替代方案之前，它必须这样做。

有没有办法将样式应用于p：selectManyMenu中的列？

1 个答案: