######
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>