Layout

This section discusses topics associated with layouts.

Persistent Headers

Often you have a table which is longer than the visible area, but when you scroll down you lose the header row. QVCI provides a simple solution. The persist-area class is used on the table for two reasons: As a container for the persist-header and also to define the lower bounds so that the persistent header can be removed. The actual persistent header row should have class persist-header.

Do it like this::

linenos:

<table class=”timesheet-list-table data-table persist-area”>

<tr class=”persist-header”>

<th class=”edit”><?php ttp(‘hdr_edit’) ?></th> <th class=”date”><?php ttp(‘hdr_date’) ?></th> <th class=”start”><?php ttp(‘hdr_start’) ?></th> <th class=”end”><?php ttp(‘hdr_end’) ?></th> <th class=”elap”><?php ttp(‘hdr_elapsed’) ?></th> <th class=”proj”><?php ttp(‘hdr_project’) ?></th> <th class=”locn”><?php ttp(‘hdr_location’) ?></th>

</tr> <tr>

</tr>

</table>