Cached List of Colors

This page uses a Hashtag List to show all web-safe Colors in a paged table.   Colors records have been preloaded.   The Table is styled using Bootstrap 3 default theme classes.   A Cache Directive is used to store all of the resulting pages of the List.   A Cached List can significantly improve performance for high-traffic pages, sorting large datasets, or data that doesn't change often.  
Color Name Hex Red Green Blue
  Pink #FFC0CB 255 192 203
  LightPink #FFB6C1 255 182 193
  HotPink #FF69B4 255 105 180
  DeepPink #FF1493 255 20 147
  PaleVioletRed #DB7093 219 112 147
  MediumVioletRed #C71585 199 21 133
  LightSalmon #FFA07A 255 160 122

Processed this Hashtag Markup:
<# start list for Colors;
	show 7 rows per page;
	cache as Paged Color List;
#>

<# start header #>
<table class="table table-striped table-hover">
	<thead>
	<tr>
		<th>Color</th>
		<th>Name</th>
		<th>Hex</th>
		<th class="text-right">Red</th>
		<th class="text-right">Green</th>
		<th class="text-right">Blue</th>
	</tr>
	</thead>
	<tbody>
<# end header #>

<# start row #>
	<tr>
		<td style="background-color:<# hex #>">&nbsp;</td>
		<td><# name #></td>
		<td class="monospace"><# hex #></td>
		<td class="text-right"><# r #></td>
		<td class="text-right"><# g #></td>
		<td class="text-right"><# b #></td>
	</tr>
<# end row #>

<# start footer #>
	</tbody>
</table>
<# end footer #>

<# end list #>


Delete Cache (redirects to regenerate)
Hashtag Markup for Delete Cache Button: /lists/colors-cache-delete.htmx
<# 

delete list cache for Paged Color List;
redirect to "/lists/colors-cache";

#>


The Hashtag Markup Language provides List Templates to process a series of Records.  

The examples in this section cover the various List Directives, and demonstrate the capabilities of Hashtag Markup in List Templates.