Add Columns to Your Class Listings Tables

Once you have your table filtered and columns are hidden as needed, there are seven additional columns that aren't normally shown, but, can be added:  Location, Category 1, Category 2, Category 3, Instructors, Duration, and Room. 

You will use the parameter &showcols=x where x is the target column that you want to add to your table.

Use Targets to Add Columns

Any of these "targets" can be added as a column to the table. Multiple targets can be used by separating them with a comma.

  • Location
  • Cat1
  • Cat2
  • Cat3
  • Instructors
  • Duration
  • Room

Example - Add three extra columns into the table: Cat1, Location, and Instructors:
&showcols=Cat1,Location,Instructors


https://app.jackrabbitclass.com/jr3.0/Openings/OpeningsJS?OrgID=507172&hidecols=Description,Gender&showcols=Cat1,Location,Instructors

The example code above shows only the URL source part of the code. If you are embedding the table directly into your webpage you will need to include this URL source code into the full scripting HTML. Refer to Create Custom Class Listing Tables in 4 Steps for details on using the full script.


Table created by adding (showing) the targets above:



If you are going to add/show your Cat1, Cat2, or Cat3 column, you can re-label them to a meaningful name. In the example above we have relabeled Cat1 to "Program". This is done from the Gear (icon) > Settings > Online Registration > Settings (left menu) > Class Search Settings (section) > Class Search/Filter Settings.

NOTE: The order of the columns going across the page left to right is SET and can't be changed. The order of all 19 available columns:



Frequently Asked Questions

Q.  How can I control the width of each column in the table?

A.  The overall table width is automatic - it will shrink or stretch to fit into your content area or div.  The column width in each table is determined by the maximum character count in that column. The individual column widths can not be controlled by the HTML codes provided by Jackrabbit.  The only way to control them would be to have a webmaster use the table data and manipulate the output layout.  

If you are placing several tables on the same webpage, consider inserting a few rows of descriptive text between each table to visually break up the page.  The tables look best when the Description column is not used (hidden).

-->