{"id":77,"date":"2025-09-04T16:55:47","date_gmt":"2025-09-04T16:55:47","guid":{"rendered":"https:\/\/skb-rpd-3fe7.ue1.rapydapps.cloud\/?post_type=ht_kb&p=77"},"modified":"2025-09-04T17:06:50","modified_gmt":"2025-09-04T17:06:50","slug":"hide-columns-in-the-front-end-tin-can-report","status":"publish","type":"ht_kb","link":"https:\/\/skb.uncannyowl.com\/?ht_kb=hide-columns-in-the-front-end-tin-can-report","title":{"rendered":"Hide columns in the front-end Tin Canny Course Report"},"content":{"rendered":"\n

There is currently no setting to enable\/disable columns for the front end Course Report.

However, an action filter can be used to remove columns. Each column is identified via a numeric value.<\/p>\n\n\n\n

\n
\n

Column Name
<\/strong>ID
Course
Enrolled
Not Started
In Progress
Completed
Avg Quiz Score
% Complete
Details<\/p>\n<\/div>\n\n\n\n

\n

Numeric Value<\/strong>
1
2
3
4
5
6
7
8
9<\/p>\n<\/div>\n<\/div>\n\n\n\n

Using the chart above to identify the columns you wish to hide, modify the snippet below to hide specific columns. Each column has a “th” element and a “td” element that needs to be included in order to remove the column. <\/p>\n\n\n\n

add_action('wp_footer', 'front_hide_columns_in_report_table');\nfunction front_hide_columns_in_report_table() {\n    ?>\n    <style>\n      \/* 1) Kill DataTables' fixed column widths *\/\n      #coursesOverviewTable colgroup { display: none !important; }\n\n      \/* 2) Hide 3rd, 5th, and 8th columns (header + body) *\/\n      #coursesOverviewTable th:nth-child(1), \n      #coursesOverviewTable th:nth-child(2), \n      #coursesOverviewTable th:nth-child(3),\n      #coursesOverviewTable th:nth-child(4), \n      #coursesOverviewTable th:nth-child(5), \n      #coursesOverviewTable th:nth-child(6), \n      #coursesOverviewTable th:nth-child(7), \n      #coursesOverviewTable th:nth-child(8), \n      #coursesOverviewTable th:nth-child(9),\n      #coursesOverviewTable td:nth-child(1), \n      #coursesOverviewTable td:nth-child(2), \n      #coursesOverviewTable td:nth-child(3),\n      #coursesOverviewTable td:nth-child(4), \n      #coursesOverviewTable td:nth-child(5), \n      #coursesOverviewTable td:nth-child(6), \n      #coursesOverviewTable td:nth-child(7), \n      #coursesOverviewTable td:nth-child(8), \n      #coursesOverviewTable td:nth-child(9) {\n        display: none;\n      }\n\n      \/* 3) Let remaining columns stretch *\/\n      #coursesOverviewTable { width: 100% !important; table-layout: auto !important; }\n      #coursesOverviewTable thead th, \n      #coursesOverviewTable tbody td { width: auto !important; }\n    <\/style>\n    <?php\n}<\/code><\/pre>\n\n\n\n
<\/p>\n\n\n\n
Here is a sample snippet that will hide the “Enrolled”, “In Progress” and “% Complete” columns:<\/p>\n\n\n\n
add_action('wp_footer', 'front_hide_columns_in_report_table');\nfunction front_hide_columns_in_report_table() {\n    ?>\n    <style>\n      \/* 1) Kill DataTables' fixed column widths *\/\n      #coursesOverviewTable colgroup { display: none !important; }\n\n      \/* 2) Hide 3rd, 5th, and 8th columns (header + body) *\/\n      #coursesOverviewTable th:nth-child(3),\n      #coursesOverviewTable td:nth-child(3),\n      #coursesOverviewTable th:nth-child(5),\n      #coursesOverviewTable td:nth-child(5),\n      #coursesOverviewTable th:nth-child(8),\n      #coursesOverviewTable td:nth-child(8) {\n        display: none !important;\n      }\n\n      \/* 3) Let remaining columns stretch *\/\n      #coursesOverviewTable { width: 100% !important; table-layout: auto !important; }\n      #coursesOverviewTable thead th, \n      #coursesOverviewTable tbody td { width: auto !important; }\n    <\/style>\n    <?php\n}<\/code><\/pre>\n\n\n\n
Screenshot showing snippet in action<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
There is currently no setting to enable\/disable columns for the front end Course Report. However, an action filter can be used to remove columns. Each column is identified via a numeric value. Column NameIDCourseEnrolledNot StartedIn ProgressCompletedAvg Quiz Score% CompleteDetails Numeric Value123456789 Using the chart above to identify the columns you…<\/p>\n","protected":false},"author":4,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[],"ht-kb-tag":[29,27],"class_list":["post-77","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_tag-course-report","ht_kb_tag-tin-canny"],"_links":{"self":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=77"}],"version-history":[{"count":3,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/77\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=\/wp\/v2\/ht-kb\/77\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-category&post=77"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/skb.uncannyowl.com\/index.php?rest_route=%2Fwp%2Fv2%2Fht-kb-tag&post=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}