Table filtering with URL Mapping - v0.1.0
Execute pre-configured patched based on url query string
- Empty
?
- Backgrounders only
?back
- Infrastructure Canada departement only
?dep=inf
- Published on July 26
?date=jul26
- Published on July 24
?dateiso=2016-07-24
Title | Publication date | Department | News Type | Summary | Location | For | Subject | Minister |
---|
Source code
<div data-wb-urlmapping='{
"back": { "action": "tblfilter", "source": "#dataset-filter", "column": 3, "value": "Backgrounders" },
"dep=inf": { "action": "tblfilter", "source": "#dataset-filter", "column": 2, "value": "Infrastructure Canada" },
"date=jul26": { "action": "tblfilter", "source": "#dataset-filter", "column": 1, "value": "2016-07-26" }
}'></div>
<table class="wb-tables table table-striped table-hover" id="dataset-filter" aria-live="polite" data-wb-tables='{
"bDeferRender": true,
"ajaxSource": "http://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 modified: