Do action - Table filtering

• Documentation
• Questions or comments?

Filter by News type:

• Backgrounders
• Media Advisories
• News Releases
• Speeches
• Statements
• View all

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" }
		]'>Backgrounders</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" }
		]'>Media</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" }
		]'>News</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" }
		]'>Speeches</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" }
		]'>Statements</button></li>
	<li><button type="button" class="btn btn-link" data-wb-doaction='{ "action": "run", "trggroup": "clearFilter" }'>View all</button></li>
</ul>

<button type="button" class="btn btn-default" data-wb-doaction='{ "action": "tocsv", "source": "#dataset-filter" }'>Download the following table as CSV</button>

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