Hi there,
I'd like to present my front end filters in a table whose columns increase according to how much data they need to display based on the following:
[wpv-filter-start hide="false"]
[wpv-filter-controls]<p>by project[wpv-control taxonomy="media-category" type="select" url_param="project"]</p>
<div id="tagslist">
by tags
<table>
<tr>
<td>[wpv-control taxonomy="media-tags" type="checkboxes" url_param="tags"]</td>
</tr>
</table>
<p>[wpv-filter-submit name="search"]</p>
[/wpv-filter-controls]
[wpv-filter-end]
Clearly, so far I have a basic html table but I can't make that in to several columns as there is only one line of code generating the data "[wpv-control taxonomy="media-tags" type="checkboxes" url_param="tags"]". I know there are multiple references in the documentation about how one might want to wrap the filter in a table but that assumes you are using fixed values (I assume)? If the values are based on URL arguments, how might one achieve this?
I tried implementing a jQuery plugin http://datatables.net/index but failed.
I used the following code to try to achieve it:
<script type="text/javascript" charset="utf-8" src="http://scorespacemusic.com/wp-content/themes/parament/DataTables/media/js/jquery.dataTables.js">
jQuery(document).ready(function(){
jQuery('#table_id').dataTable();
});
</script>
<!–
<style type="text/css" title="currentStyle">
@import "http://scorespacemusic.com/wp-content/themes/parament/DataTables/meida/css/demo_table.css";
</style>
and then giving the table in the views code the relevant table id. I also have no way to know if that javascript code in the header is even running.
Any help would be greatly appreciated.
Andrew