如何修改搜索容器列文本的宽度？

Question

如何修改搜索容器列文本的宽度？

    <liferay-ui:search-container orderByCol="<%=sortByCol%>"
     orderByType="<%=sortByType%>" iteratorURL="<%=url%>"
     delta="10" emptyResultsMessage="no-result">
    <liferay-ui:search-container-results>
      <% //some code %>
    </liferay-ui:search-container-results>
    <liferay-ui:search-container-row modelVar="file"
                            className="DLFileEntry">
        <liferay-ui:search-container-column-text name="Val1"
                                    cssClass="txt-capitalize width-11" value="<%=value1%>" />
        <liferay-ui:search-container-column-text name="Val2"
                                    cssClass="txt-capitalize width-11" value="<%=value2%>" />
        <liferay-ui:search-container-column-text name="Val3"
                                    cssClass="txt-capitalize width-11" value="<%=value3%>" />
        <liferay-ui:search-container-column-text name="Value4"
                                    cssClass="txt-capitalize width-11" value="<%=value4%>" />
        <liferay-ui:search-container-column-text name="Val5"
                                    cssClass="txt-capitalize width-11" value="<%=value5%>" />
<!-- some other search-container-column-text -->
    </liferay-ui:search-container-row>
    <liferay-ui:search-iterator
        searchContainer="<%= searchContainer %>"
        paginate="${fn:length(listFiles) ge 10}" />
    </liferay-ui:search-container>

.width-11{
    width:11%;
    padding-left: 5px;
    padding-right: 0;

}

如果我检查浏览器中的代码，我们可以看到存在的css类。

检查表行

Answer 1

您需要适当地分配宽度%以便它聚合到100%；

宽度：11%将只有55%（因为您的表中有5列），而remaing 45%将均匀分布。