Exécuter des actions - Filtrer un tableau

Filter by News type:

Le contenu du tableau suivant est disponible en anglais seulement.

Title Publication date Department News Type Summary Location For Subject Minister

Source code

<ul class="list-inline"  data-wb-actionmng='[
		{ "trggroup":"clearFilter", "action": "removeClass", "source": ".fltopts", "class": "btn-primary" },
		{ "trggroup":"clearFilter", "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "" }
	]'>
	<li><button type="button" class="fltopts btn btn-default" data-wb-doaction='[
			{ "action": "run", "trggroup": "clearFilter" },
			{ "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "Backgrounders" },
			{ "action": "addClass", "class": "btn-primary" }
		]'>Document d'information</button></li>
	<li><button type="button" class="fltopts btn btn-default" data-wb-doaction='[
			{ "action": "run", "trggroup": "clearFilter" },
			{ "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "Media" },
			{ "action": "addClass", "class": "btn-primary" }
		]'>Avis aux médias</button></li>
	<li><button type="button" class="fltopts btn btn-default" data-wb-doaction='[
			{ "action": "run", "trggroup": "clearFilter" },
			{ "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "News" },
			{ "action": "addClass", "class": "btn-primary" }
		]'>Communiqué de presse</button></li>
	<li><button type="button" class="fltopts btn btn-default" data-wb-doaction='[
			{ "action": "run", "trggroup": "clearFilter" },
			{ "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "Speeches" },
			{ "action": "addClass", "class": "btn-primary" }
		]'>Discours</button></li>
	<li><button type="button" class="fltopts btn btn-default" data-wb-doaction='[
			{ "action": "run", "trggroup": "clearFilter" },
			{ "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "Statements" },
			{ "action": "addClass", "class": "btn-primary" }
		]'>Déclaration</button></li>
	<li><button type="button" class="btn btn-link" data-wb-doaction='{ "action": "run", "trggroup": "clearFilter" }'>View all</button></li>
</ul>


<p>Le contenu du tableau suivant est disponible en anglais seulement.</p>

<table lang="en" class="wb-tables table table-striped table-hover" id="dataset-filter"
		aria-live="polite"
		data-wb-tables='{
			"bDeferRender": true,
			"ajaxSource": "//wet-boew.github.io/wet-boew/demos/tables/ajax/datasource.json",
			"order": [5, "desc"],
			 "columns": [
				{ "data": "TITLE", "className": "nws-tbl-ttl h4" },
				{ "data": "PUBDATE", "className": "nws-tbl-date" },
				{ "data": "DEPT", "className": "nws-tbl-dept" },
				{ "data": "TYPE", "className": "nws-tbl-type" },
				{ "data": "TEASER",  "className": "nws-tbl-desc" },
				{ "data": "LOCATION",  "visible": false },
				{ "data": "AUDIENCE",  "visible": false },
				{ "data": "SUBJECT", "visible": false },
				{ "data": "MINISTER", "visible": false }
			  ]
		}'>
	<thead>
		<tr>
			<th>Title</th>
			<th>Publication date</th>
			<th>Department</th>
			<th>News Type</th>
			<th>Summary</th>
			<th>Location</th>
			<th>For</th>
			<th>Subject</th>
			<th>Minister</th>
		</tr>
	</thead>
</table>
Date de modification :