Enter insert new line grid example


Pressing enter in a cell will insert a new row. Paste from clipboard will also insert rows.

Column 1 Column 2 Column 3
<p>Pressing enter in a cell will insert a new row. Paste from clipboard will also insert rows.</p>
<table class="table table-striped" data-func="grid">
    <thead>
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
    </thead>
    <tbody data-array="Lines" data-autoinsert="1">
        <tr>
            <td data-placeholder="(enter text)" data-func="input" data-name="Field1" data-nolinebreak="1"></td>
            <td data-placeholder="(enter text)" data-func="input" data-name="Field2" data-nolinebreak="1"></td>
            <td data-placeholder="(enter text)" data-func="input" data-name="Field3" data-nolinebreak="1"></td>
        </tr>
    </tbody>
    
</table>
No JS code used for this example

Output templates

Templates used for document and web page generation:

Friendly Name File Name Template