Question

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

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

我使用<liferay-ui:search-container-column-text> liferay taglib的 cssClass 属性，但我没有为我工作。

表格标题：

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

inspect table row

Answer 1

您需要正确分配宽度％，以便汇总到100％;

宽度：11％仅为55％（因为表中有5列），剩余45％将均匀分布。

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

更新

1 个答案: