0

这是我的acefaces datatable

<ace:dataTable id="tbl" value="#{mainSearch.searchResult}" var="srvc" 
            paginator="true" paginatorPosition="bottom" rows="10" 
            emptyMessage="No Record Present Yet" rowsPerPageTemplate="10,25,50,100" 
            rowIndexVar="row" rowStyleClass="#{row mod 2 eq 0?'none':'skyBlue'}">

    <ace:column headerText="Category" sortBy="#{srvc.groupName}" 
            filterBy="#{srvc.groupName}" filterMatchMode="contains">
        <h:outputText value="#{srvc.groupName}"/>
    </ace:column>

    <ace:column  headerText="Service Number" sortBy="#{srvc.serviceNumber}" 
            filterBy="#{srvc.serviceNumber}"filterMatchMode="contains">                            
        <h:outputText value="#{srvc.serviceNumber}"/>                       
    </ace:column>

    <ace:column headerText="Shift" sortBy="#{srvc.shift}" 
            filterBy="#{srvc.shift}" filterMatchMode="contains">
        <h:outputText value="#{srvc.shift}"/>
    </ace:column>
</ace:dataTable>

现在这个数据表显示在我的整个页面上。我可以修复它的高度，<ace:datatable height=..但我没有找到任何宽度属性。我还尝试使用 CSS 设置它的宽度（在标题、数据表上使用样式属性）但它没有工作。现在我被困在这里，无法找到如何最小化它的宽度。

注意：对我有用的唯一方法是缩小标题文本。例如，因为我的第一行标题是Category。现在如果我只用CAT替换它，那么整行就会缩小。这意味着首先我需要挤压文本（因为这是我的猜测）。无论如何，没有戳这个文本？如果没有，那么如何调整此文本的大小并缩短此数据表？

4

1 回答 1

0

我尝试在ICEfaces 展示width的 Firefox 中更改 CSS 属性，达到您想要的结果。请注意，当您将表格设置得太小并且数据不再适合表格时，可能会出现一些潜在问题，因此我的建议是在浏览器中检查生成的表格以获得正确的 CSS 固定装置。

关于 的文档<ace:dataTable>，分别有用于设置 CSS 样式类和内联样式的典型styleClass和style属性，因此以下将完成工作：

<ace:dataTable style="width:80%"> ... </ace:dataTable>

或者

<ace:dataTable styleClass="my-width"> ... </ace:dataTable>

使用 CSS 类：

.my-width {
    width:80%
}

附带说明一下，当您准备好试用最新的 Primefaces<p:dataTable>时，您会发现许多用于设置正确 CSS 样式的属性。

于 2013-03-18T10:24:11.307 回答