CSV to html – Fixed left column

If you want to add a fixed left column to your table, you could simply add fixed_leftcol=”yes”.

Original

SR.NAMEGENDERAGEDATE COUNTRY
1Dett2Female3616/08/2020Great Britain
2Nern Female1915/10/2017France
3KallsieMale2016/08/2016France
4SiuauFemale2121/05/2015Great Britain
5ShenniceMale2221/05/2016France
6ChasseFemale2315/10/2018France
7TommyeMale2416/08/2017United States
8DorcastFemale2521/05/2016United States
9AngeleeMale2621/05/2017Great Britain
10WilloomFemale2615/10/2019France

Fixed left column

Scroll left and right within the table and see you that the left column is fixed. If you don’t define any header background the fixed left background color would be white. In this case below we changed it to gray with header_backgroundcolor_left=”gray”. The table_width must be defined and it must be smaller that it’s parent for this to work.

Shortcode
[csvtohtml_create source_type="guess" source_files="free_testdata_10rows.csv" fixed_leftcol="yes" table_width="400px" header_backgroundcolor_left="gray"]
SR.NAMEGENDERAGEDATE COUNTRY
1Dett2Female3616/08/2020Great Britain
2Nern Female1915/10/2017France
3KallsieMale2016/08/2016France
4SiuauFemale2121/05/2015Great Britain
5ShenniceMale2221/05/2016France
6ChasseFemale2315/10/2018France
7TommyeMale2416/08/2017United States
8DorcastFemale2521/05/2016United States
9AngeleeMale2621/05/2017Great Britain
10WilloomFemale2615/10/2019France