Work with Tables

Available in Lightning Experience in Enterprise and Unlimited Editions that have Consumer Goods Cloud enabled.

Use bold, italics, and text alignment in the th and td tags to style the contents of cells. Define the table layout using one of these attributes:

• noBorders
• headerLineOnly
• lightHorizontalLines
• lightHorizontalLinesMainItemsOnly

Use dontBreakRows to insert a row to break across multiple pages. The default value is true.

<table name="ImageTable"tableLayout="noBorders">
      <thead>
        <tr>
          <th width="*" alignment="center"></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td alignment="right">
            <img src="{{Declarations::myImageName}}" width="100" />
          </td>
        </tr>
      </tbody>
    </table>

You can use colSpan and rowSpan in the td and th elements.

The table element supports these child elements:

• thead - creates a header row in a table and has to be defined prior to the tbody element. This element does not support any attribute and it can contain a child element, tr.
• tbody - groups the content in a table. This element does not support any attribute. It can contain a child element, tr.

  <tbody>
          <tr>
            <td></td>
            <td alignment="right">{{Labels::TotalPrdId; defaultLabel=Total Products and Other Items}}</td>
            <td alignment="right">{{Declarations::header.totalValueReceipt; numberFormat=8.2}} {{Declarations::header.currency}}</td>
          </tr>
          <tr>
            <td></td>
            <td bold="true" alignment="right">{{Labels::TotalAmountId; defaultLabel=Total Amount}}</td>
            <td bold="true" alignment="right">{{Declarations::header.grossTotalValueReceipt; numberFormat=8.2}} {{Declarations::header.currency}}</td>
          </tr>
        </tbody>

Use the tr element to define a row in a table.

• Add Up Values in a Column
  Use the sum element to add the numeric values in a table column.
• Print a Table with Dynamic List Data
  To print and display each item from a dynamic list like order items, use the <each> node.
• Data Filter
  Use the filters element to filter the List Items (LI) of the List Object (LO).
• Joining List Objects
  You can use correlation in reports where you need to print additional information in a list, using information from two lists.
• Data Sorting in Ascending or Descending Order
  The orderCriteria sorts the List Item (LI) of a List Object (LO).
• Visibility Settings of Elements
  Create a group of elements to show or hide those elements based on visibility conditions and bindings.