Implementing the Table View

The table view list the search container columns from left to right.

Figure 1: The Management Toolbars table view list the contents information in individual columns.

Figure 1: The Management Toolbar's table view list the content's information in individual columns.

Follow these steps to configure the Table view:

  1. Inside the <c:choose> conditional block, add a condition for the list display style (table view type):

    <c:when test='<%= Objects.equals(displayStyle, "list") %>'>
      <%-- table view type configuration goes here --%>
    </c:when>
    
  2. Follow the example below to add the required columns to the conditional block:

ColumnContent OptionsExample
1name<liferay-ui:search-container-column-text
  cssClass=“content-column name-column title-column”
  name=“name”
  truncate=“<%= true %>”
  value=“<%= rule.getName(locale) %>”
/>
2description<liferay-ui:search-container-column-text
  cssClass=“content-column description-column”
  name=“description”
  truncate=“<%= true %>”
  value=“<%= rule.getDescription(locale) %>”
/>
3create date<liferay-ui:search-container-column-date
  cssClass=“create-date-column text-column”
  name=“create-date”
  property=“createDate”
/>
4actions<liferay-ui:search-container-column-jsp
   cssClass=“entry-action-column”
  path=“/rule_actions.jsp”
/>

Great! Now you know how to implement the Table view!

« Implementing the List ViewUpdating the Search Iterator »
Was this article helpful?
0 out of 0 found this helpful