CSV to html – responsive table

Responsive table(s)

If you’re watching this on a cellphone with lower resolution then you won’t see the actual sortingmechanism because of the way this plugin rearranges td etc when adjusting to different screen sizes. In that case it would be possible to make the table not responsive (generelly you don’t want this, but in this case it would maybe make sense) for the sortingmechanism to work.

Shortcode
[csvtohtml_create
responsive="no" //Make this table NOT responsive. html_class="tablesorter" //Sort class to active Table Sorter plugin
title="Nordic stats"
source_type="visualizer_plugin"
path="csvfiles" //This path is only used for local files (files on the webserver where you run this plugin)
source_files="https://wibergsweb.se/wp-content/uploads/csvfiles/sweden.csv;norway;finland;iceland;denmark"
filter_data="3.2" //Data "3.2"
filter_col="4" //Apply on column 4 (2013)
filter_operator="mequal" //More or equal to 3.2
filter_removechars="%" //Don't include percentage-sign in the filter
sort_cols="2,4" //Sort firstly on column2 and then sort column2 if it is possibe (first column has higher priority). You can also specify intervals here with a hyphen.
sort_cols_order="asc,desc" //Sort column2 ascending and then column4 descending (if it is possible) ]
20112012201320142015
Finland-16.6%-14.2%10.2%11.0%13.2%
Sweden1.6%2.2%3.2%4.5%6.9%
Iceland6.6%6.2%7.2%11.0%16.2%

There is another option instead of using responsive=”no” and that is to adjust settings for different css breakpoints (directly in the shortcode):

Shortcode
[csvtohtml_create
responsive="yes" //Default css_max_width=1024 //Default 760
css_min_devicewidth=1024 //Default 768
css_min_devicewidth=2048 //Default 1024
html_class="tablesorter" //Sort class to active Table Sorter plugin
title="Nordic stats"
source_type="visualizer_plugin"
path="csvfiles" //This path is only used for local files (files on the webserver where you run this plugin)
source_files="https://wibergsweb.se/wp-content/uploads/csvfiles/sweden.csv;norway;finland;iceland;denmark"
filter_data="3.2" //Data "3.2"
filter_col="4" //Apply on column 4 (2013)
filter_operator="mequal" //More or equal to 3.2
filter_removechars="%" //Don't include percentage-sign in the filter
sort_cols="2,4" //Sort firstly on column2 and then sort column2 if it is possibe (first column has higher priority). You can also specify intervals here with a hyphen.
sort_cols_order="asc,desc" //Sort column2 ascending and then column4 descending (if it is possible) ]
20112012201320142015
Finland-16.6%-14.2%10.2%11.0%13.2%
Sweden1.6%2.2%3.2%4.5%6.9%
Iceland6.6%6.2%7.2%11.0%16.2%