Create Header with spreadsheet

 
1
0
-1

Would like to ask how to add design row/column as per attached below using spreadsheet?
or any other method to create it? 

    CommentAdd your comment...

    2 answers

    1.  
      1
      0
      -1

      Hi Christoper,

      You can use a Custom HTML element in the form. Insert an HTML table with merged headers using the code below. Simply drag a "Custom HTML" field into your form in the Form Builder, and paste this code inside:

      <table border="1" style="border-collapse: collapse;">
        <tr>
          <th colspan="3">TEST</th>
          <th colspan="3">Example</th>
        </tr>
        <tr>
          <td>A</td><td>B</td><td>C</td><td>E</td><td>F</td><td>G</td>
        </tr>
      </table>

        CommentAdd your comment...
      1.  
        1
        0
        -1

        Hello Christopher, you can utilise the Custom Settings (JSON) Configuration field. Try using the code below to generate your header.


        {
  "nestedHeaders": [
    [
      { "label": "TEST", "colspan": 3 },
      { "label": "Example", "colspan": 3 }
    ],
        ["A", "B", "C", "E", "F", "G"]
    ],
  "colHeaders": false
}


        You can refer to Spreadsheet - Knowledge Base for DX 8 - Joget | COMMUNITY for more information on plugin configurations. Happy coding!

          CommentAdd your comment...