如何修改搜索容器列文本的宽度?
我想更改<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类。
发布于 2017-11-18 07:47:41
您需要正确地分配宽度%,使其聚合到100%;
宽度: 11%只占55% (因为你的表中有5列),45%的回放将均匀分布。
https://stackoverflow.com/questions/47335690
复制相似问题