Filtre

• Documentation
• Questions ou commentaires?

• Filtrer des items par section
• Filtrer une liste
• Filtrer un tableau
• Needs translation: Applying additional search filters

Filtrer des items par section

Code source

<div class="wb-filter">
	<section id="enquete-a">
		<h2><span class="wb-inv">Enquêtes débutant par la lettre </span>A</h2>

		<ul class="list-unstyled">
			<li>Achats de grains fourragers</li>
			<li>Activité aéroportuaire, Enquête sur l&#39;</li>
			<li>Activités pétrolières et gazières, Relevé trimestriel des dépenses en immobilisations</li>
			<li>Approvisionnement et l&#39;écoulement du charbon, Enquête mensuelle sur l&#39;</li>
			<li>Approvisionnement et l&#39;écoulement de l&#39;électricité, Enquête mensuelle sur l&#39;</li>
		</ul>
	</section>

	<section id="enquete-b">
		<h2><span class="wb-inv">Enquêtes débutant par la lettre </span>B</h2>

		<ul class="list-unstyled">
			<li>Balance des paiements internationaux du Canada</li>
			<li>Base tarifaire, Enquête sur la</li>
			<li>Biens et services environnementaux, Enquête sur les</li>
			<li>Bilan des investissements internationaux du Canada</li>
			<li>Brevets, licences et redevances fédérales, Enquête sur les</li>
			<li>Bureaux d&#39;agents, de courtiers en immeuble, et d&#39;évaluateurs de biens immobiliers et des activités liées à l&#39;immobilier, Enquête annuelle sur les industries de services</li>
		</ul>
	</section>
	...
</div>

Filtrer une liste

• Alberta
• Colombie-Britannique
• Île-du-Prince-Édouard
• Manitoba
• Nouveau-Brunswick
• Nouvelle-Écosse
• Nunavut
• Ontario
• Québec
• Saskatchewan
• Terre-Neuve-et-Labrador
• Territoires du Nord-Ouest
• Yukon

Source code

<ul class="wb-filter">
	<li>Alberta</li>
	<li>Colombie-Britannique</li>
	<li>Île-du-Prince-Édouard</li>
	<li>Manitoba</li>
	<li>Nouveau-Brunswick</li>
	<li>Nouvelle-Écosse</li>
	<li>Nunavut</li>
	<li>Ontario</li>
	<li>Québec</li>
	<li>Saskatchewan</li>
	<li>Terre-Neuve-et-Labrador</li>
	<li>Territoires du Nord-Ouest</li>
	<li>Yukon</li>
</ul>

Filtrer un tableau

Source code

<table class="wb-filter table">
	<caption>Population de grande municipalité par provinces</caption>
	<thead>
		<tr>
			<th>Municipalité</th>
			<th>Population (2016)</th>
			<th>Population (2011)</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<th scope="rowgroup" class="h4" colspan="3">Alberta</th>
		</tr>
		<tr>
			<th>Calgary</th>
			<td>1,239,220</td>
			<td>1,096,833</td>
		</tr>
		<tr>
			<th>Edmonton</th>
			<td>932,546</td>
			<td>812,201</td>
		</tr>
		<tr>
			<th>Red Deer</th>
			<td>100,418</td>
			<td>90,564</td>
		</tr>
	</tbody>
	<tbody>
		<tr>
			<th scope="rowgroup" class="h4" colspan="3">Colombie-Britannique</th>
		</tr>
		<tr>
			<th>Vancouver</th>
			<td>631,486</td>
			<td>603,502</td>
		</tr>
		<tr>
			<th>Surrey</th>
			<td>517,887</td>
			<td>468,251</td>
		</tr>
		<tr>
			<th>Burnaby</th>
			<td>232,755</td>
			<td>233,218</td>
		</tr>
	</tbody>
	...
</table>

<ul class="wb-filter">
	<li>Alberta</li>
	...
</ul>

<ul class="wb-filter" data-wb-filter='{ "filterType": "and" }'>
	<li>Alberta</li>
	...
</ul>

<ul class="wb-filter" data-wb-filter='{ "filterType": "or" }'>
	<li>Alberta</li>
	...
</ul>

Date de modification :

2018-05-23