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

Question

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

我想更改<th>表的宽度。

我使用了属性cssClass of <liferay-ui:search-container-column-text>生发标签库，但我没有为自己工作。

表标题：

表格

view.jsp：

    <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>

main.css：

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

}

更新

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

检查表行

Answer 1

您需要正确地分配宽度%，使其聚合到100%；

宽度: 11%只占55% (因为你的表中有5列)，45%的回放将均匀分布。