diff --git a/lib/table/amd/build/dynamic.min.js b/lib/table/amd/build/dynamic.min.js
index 127cd839585..cb1c34625b2 100644
--- a/lib/table/amd/build/dynamic.min.js
+++ b/lib/table/amd/build/dynamic.min.js
@@ -1,2 +1,2 @@
-define ("core_table/dynamic",["exports","core_table/local/dynamic/repository","core_table/local/dynamic/selectors","./local/dynamic/events"],function(a,b,c,d){"use strict";Object.defineProperty(a,"__esModule",{value:!0});Object.defineProperty(a,"Events",{enumerable:!0,get:function get(){return d.default}});a.getTableFromId=a.init=a.showColumn=a.hideColumn=a.setLastInitial=a.setFirstInitial=a.setPageSize=a.setPageNumber=a.setSortOrder=a.setFilters=a.updateTable=a.refreshTableContent=void 0;c=function(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}(c);d=function(a){return a&&a.__esModule?a:{default:a}}(d);function e(a){return h(a)||g(a)||f()}function f(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function g(a){if(Symbol.iterator in Object(a)||"[object Arguments]"===Object.prototype.toString.call(a))return Array.from(a)}function h(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++){c[b]=a[b]}return c}}var i=!1,j=function(a){if(!a){throw new Error("The table specified is not a dynamic table and cannot be updated")}if(!a.matches(c.main.region)){throw new Error("The table specified is not a dynamic table and cannot be updated")}return!0},k=function(a){return JSON.parse(a.dataset.tableFilters)},l=function(a){var c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,f=k(a);return(0,b.fetch)(a.dataset.tableComponent,a.dataset.tableHandler,a.dataset.tableUniqueid,{sortBy:a.dataset.tableSortBy,sortOrder:a.dataset.tableSortOrder,joinType:f.jointype,filters:f.filters,firstinitial:a.dataset.tableFirstInitial,lastinitial:a.dataset.tableLastInitial,pageNumber:a.dataset.tablePageNumber,pageSize:a.dataset.tablePageSize,hiddenColumns:JSON.parse(a.dataset.tableHiddenColumns)},c).then(function(b){var c=document.createElement("div");c.innerHTML=b.html;a.replaceWith.apply(a,e(c.childNodes));return v(a.dataset.tableUniqueid)}).then(function(a){a.dispatchEvent(new CustomEvent(d.default.tableContentRefreshed,{bubbles:!0}));return a})};a.refreshTableContent=l;var m=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{},c=b.sortBy,d=void 0===c?null:c,e=b.sortOrder,f=void 0===e?null:e,g=b.filters,h=void 0===g?null:g,i=b.firstInitial,k=void 0===i?null:i,m=b.lastInitial,n=void 0===m?null:m,o=b.pageNumber,p=void 0===o?null:o,q=b.pageSize,r=void 0===q?null:q,s=b.hiddenColumns,t=void 0===s?null:s,u=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;j(a);if(d&&f){a.dataset.tableSortBy=d;a.dataset.tableSortOrder=f}if(null!==k){a.dataset.tableFirstInitial=k}if(null!==n){a.dataset.tableLastInitial=n}if(null!==p){a.dataset.tablePageNumber=p}if(null!==r){a.dataset.tablePageSize=r}if(h){a.dataset.tableFilters=JSON.stringify(h)}if(t){a.dataset.tableHiddenColumns=JSON.stringify(t)}if(u){return l(a)}else{return Promise.resolve(a)}};a.updateTable=m;a.setFilters=function setFilters(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return m(a,{filters:b},c)};var n=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0;return m(a,{sortBy:b,sortOrder:c},d)};a.setSortOrder=n;var o=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return m(a,{pageNumber:b},c)};a.setPageNumber=o;a.setPageSize=function setPageSize(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return m(a,{pageSize:b,pageNumber:0},c)};var p=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return m(a,{firstInitial:b},c)};a.setFirstInitial=p;var q=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return m(a,{lastInitial:b},c)};a.setLastInitial=q;var r=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,d=JSON.parse(a.dataset.tableHiddenColumns);d.push(b);m(a,{hiddenColumns:d},c)};a.hideColumn=r;var s=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,d=JSON.parse(a.dataset.tableHiddenColumns);d=d.filter(function(a){return a!==b});m(a,{hiddenColumns:d},c)};a.showColumn=s;var t=function(a){return l(a,!0)},u=function(){if(i){return}i=!0;document.addEventListener("click",function(a){var b=a.target.closest(c.main.region);if(!b){return}var d=a.target.closest(c.table.links.sortableColumn);if(d){a.preventDefault();n(b,d.dataset.sortby,d.dataset.sortorder)}var e=a.target.closest(c.initialsBar.links.firstInitial);if(null!==e){a.preventDefault();p(b,e.dataset.initial)}var f=a.target.closest(c.initialsBar.links.lastInitial);if(null!==f){a.preventDefault();q(b,f.dataset.initial)}var g=a.target.closest(c.paginationBar.links.pageItem);if(g){a.preventDefault();o(b,g.dataset.pageNumber)}var h=a.target.closest(c.table.links.hide);if(h){a.preventDefault();r(b,h.dataset.column)}var i=a.target.closest(c.table.links.show);if(i){a.preventDefault();s(b,i.dataset.column)}var j=a.target.closest(".resettable a");if(j){a.preventDefault();t(b)}})};a.init=u;var v=function(a){var b=document.querySelector(c.main.fromRegionId(a));if(!b){throw new Error("The table specified is not a dynamic table and cannot be updated")}return b};a.getTableFromId=v});
+define ("core_table/dynamic",["exports","core_table/local/dynamic/repository","core_table/local/dynamic/selectors","./local/dynamic/events","core/loadingicon"],function(a,b,c,d,e){"use strict";Object.defineProperty(a,"__esModule",{value:!0});Object.defineProperty(a,"Events",{enumerable:!0,get:function get(){return d.default}});a.getTableFromId=a.init=a.showColumn=a.hideColumn=a.setLastInitial=a.setFirstInitial=a.setPageSize=a.setPageNumber=a.setSortOrder=a.setFilters=a.updateTable=a.refreshTableContent=void 0;c=function(a){if(a&&a.__esModule){return a}else{var b={};if(null!=a){for(var c in a){if(Object.prototype.hasOwnProperty.call(a,c)){var d=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(a,c):{};if(d.get||d.set){Object.defineProperty(b,c,d)}else{b[c]=a[c]}}}}b.default=a;return b}}(c);d=function(a){return a&&a.__esModule?a:{default:a}}(d);function f(a){return i(a)||h(a)||g()}function g(){throw new TypeError("Invalid attempt to spread non-iterable instance")}function h(a){if(Symbol.iterator in Object(a)||"[object Arguments]"===Object.prototype.toString.call(a))return Array.from(a)}function i(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++){c[b]=a[b]}return c}}var j=!1,k=function(a){if(!a){throw new Error("The table specified is not a dynamic table and cannot be updated")}if(!a.matches(c.main.region)){throw new Error("The table specified is not a dynamic table and cannot be updated")}return!0},l=function(a){return JSON.parse(a.dataset.tableFilters)},m=function(a){var c=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,g=l(a);(0,e.addIconToContainer)(a);return(0,b.fetch)(a.dataset.tableComponent,a.dataset.tableHandler,a.dataset.tableUniqueid,{sortBy:a.dataset.tableSortBy,sortOrder:a.dataset.tableSortOrder,joinType:g.jointype,filters:g.filters,firstinitial:a.dataset.tableFirstInitial,lastinitial:a.dataset.tableLastInitial,pageNumber:a.dataset.tablePageNumber,pageSize:a.dataset.tablePageSize,hiddenColumns:JSON.parse(a.dataset.tableHiddenColumns)},c).then(function(b){var c=document.createElement("div");c.innerHTML=b.html;a.replaceWith.apply(a,f(c.childNodes));return w(a.dataset.tableUniqueid)}).then(function(a){a.dispatchEvent(new CustomEvent(d.default.tableContentRefreshed,{bubbles:!0}));return a})};a.refreshTableContent=m;var n=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{},c=b.sortBy,d=void 0===c?null:c,e=b.sortOrder,f=void 0===e?null:e,g=b.filters,h=void 0===g?null:g,i=b.firstInitial,j=void 0===i?null:i,l=b.lastInitial,n=void 0===l?null:l,o=b.pageNumber,p=void 0===o?null:o,q=b.pageSize,r=void 0===q?null:q,s=b.hiddenColumns,t=void 0===s?null:s,u=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;k(a);if(d&&f){a.dataset.tableSortBy=d;a.dataset.tableSortOrder=f}if(null!==j){a.dataset.tableFirstInitial=j}if(null!==n){a.dataset.tableLastInitial=n}if(null!==p){a.dataset.tablePageNumber=p}if(null!==r){a.dataset.tablePageSize=r}if(h){a.dataset.tableFilters=JSON.stringify(h)}if(t){a.dataset.tableHiddenColumns=JSON.stringify(t)}if(u){return m(a)}else{return Promise.resolve(a)}};a.updateTable=n;a.setFilters=function setFilters(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return n(a,{filters:b},c)};var o=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0;return n(a,{sortBy:b,sortOrder:c},d)};a.setSortOrder=o;var p=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return n(a,{pageNumber:b},c)};a.setPageNumber=p;a.setPageSize=function setPageSize(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return n(a,{pageSize:b,pageNumber:0},c)};var q=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return n(a,{firstInitial:b},c)};a.setFirstInitial=q;var r=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0;return n(a,{lastInitial:b},c)};a.setLastInitial=r;var s=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,d=JSON.parse(a.dataset.tableHiddenColumns);d.push(b);n(a,{hiddenColumns:d},c)};a.hideColumn=s;var t=function(a,b){var c=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,d=JSON.parse(a.dataset.tableHiddenColumns);d=d.filter(function(a){return a!==b});n(a,{hiddenColumns:d},c)};a.showColumn=t;var u=function(a){return m(a,!0)},v=function(){if(j){return}j=!0;document.addEventListener("click",function(a){var b=a.target.closest(c.main.region);if(!b){return}var d=a.target.closest(c.table.links.sortableColumn);if(d){a.preventDefault();o(b,d.dataset.sortby,d.dataset.sortorder)}var e=a.target.closest(c.initialsBar.links.firstInitial);if(null!==e){a.preventDefault();q(b,e.dataset.initial)}var f=a.target.closest(c.initialsBar.links.lastInitial);if(null!==f){a.preventDefault();r(b,f.dataset.initial)}var g=a.target.closest(c.paginationBar.links.pageItem);if(g){a.preventDefault();p(b,g.dataset.pageNumber)}var h=a.target.closest(c.table.links.hide);if(h){a.preventDefault();s(b,h.dataset.column)}var i=a.target.closest(c.table.links.show);if(i){a.preventDefault();t(b,i.dataset.column)}var j=a.target.closest(".resettable a");if(j){a.preventDefault();u(b)}})};a.init=v;var w=function(a){var b=document.querySelector(c.main.fromRegionId(a));if(!b){throw new Error("The table specified is not a dynamic table and cannot be updated")}return b};a.getTableFromId=w});
 //# sourceMappingURL=dynamic.min.js.map
diff --git a/lib/table/amd/build/dynamic.min.js.map b/lib/table/amd/build/dynamic.min.js.map
index fd3cbd2e4a7..b324880371a 100644
--- a/lib/table/amd/build/dynamic.min.js.map
+++ b/lib/table/amd/build/dynamic.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["../src/dynamic.js"],"names":["watching","checkTableIsDynamic","tableRoot","Error","matches","Selectors","main","region","getFiltersetFromTable","JSON","parse","dataset","tableFilters","refreshTableContent","resetContent","filterset","tableComponent","tableHandler","tableUniqueid","sortBy","tableSortBy","sortOrder","tableSortOrder","joinType","jointype","filters","firstinitial","tableFirstInitial","lastinitial","tableLastInitial","pageNumber","tablePageNumber","pageSize","tablePageSize","hiddenColumns","tableHiddenColumns","then","data","placeholder","document","createElement","innerHTML","html","replaceWith","childNodes","getTableFromId","dispatchEvent","CustomEvent","Events","tableContentRefreshed","bubbles","updateTable","firstInitial","lastInitial","refreshContent","stringify","Promise","resolve","setFilters","setSortOrder","setPageNumber","setPageSize","setFirstInitial","setLastInitial","hideColumn","columnToHide","push","showColumn","columnToShow","filter","columnName","resetTablePreferences","init","addEventListener","e","target","closest","sortableLink","table","links","sortableColumn","preventDefault","sortby","sortorder","firstInitialLink","initialsBar","initial","lastInitialLink","pageItem","paginationBar","hide","column","show","resetTablePreferencesLink","tableRegionId","querySelector","fromRegionId"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Module to handle dynamic table features.\n *\n * @module     core_table/dynamic\n * @package    core_table\n * @copyright  2020 Simey Lameze <simey@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\nimport {fetch as fetchTableData} from 'core_table/local/dynamic/repository';\nimport * as Selectors from 'core_table/local/dynamic/selectors';\nimport Events from './local/dynamic/events';\n\nlet watching = false;\n\n/**\n * Ensure that a table is a dynamic table.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Bool}\n */\nconst checkTableIsDynamic = tableRoot => {\n    if (!tableRoot) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    if (!tableRoot.matches(Selectors.main.region)) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    return true;\n};\n\n/**\n * Get the filterset data from a known dynamic table.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Object}\n */\nconst getFiltersetFromTable = tableRoot => {\n    return JSON.parse(tableRoot.dataset.tableFilters);\n};\n\n/**\n * Update the specified table based on its current values.\n *\n * @param {HTMLElement} tableRoot\n * @param {Bool} resetContent\n * @returns {Promise}\n */\nexport const refreshTableContent = (tableRoot, resetContent = false) => {\n    const filterset = getFiltersetFromTable(tableRoot);\n\n    return fetchTableData(\n        tableRoot.dataset.tableComponent,\n        tableRoot.dataset.tableHandler,\n        tableRoot.dataset.tableUniqueid,\n        {\n            sortBy: tableRoot.dataset.tableSortBy,\n            sortOrder: tableRoot.dataset.tableSortOrder,\n            joinType: filterset.jointype,\n            filters: filterset.filters,\n            firstinitial: tableRoot.dataset.tableFirstInitial,\n            lastinitial: tableRoot.dataset.tableLastInitial,\n            pageNumber: tableRoot.dataset.tablePageNumber,\n            pageSize: tableRoot.dataset.tablePageSize,\n            hiddenColumns: JSON.parse(tableRoot.dataset.tableHiddenColumns),\n        },\n        resetContent,\n    )\n    .then(data => {\n        const placeholder = document.createElement('div');\n        placeholder.innerHTML = data.html;\n        tableRoot.replaceWith(...placeholder.childNodes);\n\n        // Update the tableRoot.\n        return getTableFromId(tableRoot.dataset.tableUniqueid);\n    }).then(tableRoot => {\n        tableRoot.dispatchEvent(new CustomEvent(Events.tableContentRefreshed, {\n            bubbles: true,\n        }));\n\n        return tableRoot;\n    });\n};\n\nexport const updateTable = (tableRoot, {\n    sortBy = null,\n    sortOrder = null,\n    filters = null,\n    firstInitial = null,\n    lastInitial = null,\n    pageNumber = null,\n    pageSize = null,\n    hiddenColumns = null,\n} = {}, refreshContent = true) => {\n    checkTableIsDynamic(tableRoot);\n\n    // Update sort fields.\n    if (sortBy && sortOrder) {\n        tableRoot.dataset.tableSortBy = sortBy;\n        tableRoot.dataset.tableSortOrder = sortOrder;\n    }\n\n    // Update initials.\n    if (firstInitial !== null) {\n        tableRoot.dataset.tableFirstInitial = firstInitial;\n    }\n\n    if (lastInitial !== null) {\n        tableRoot.dataset.tableLastInitial = lastInitial;\n    }\n\n    if (pageNumber !== null) {\n        tableRoot.dataset.tablePageNumber = pageNumber;\n    }\n\n    if (pageSize !== null) {\n        tableRoot.dataset.tablePageSize = pageSize;\n    }\n\n    // Update filters.\n    if (filters) {\n        tableRoot.dataset.tableFilters = JSON.stringify(filters);\n    }\n\n    // Update hidden columns.\n    if (hiddenColumns) {\n        tableRoot.dataset.tableHiddenColumns = JSON.stringify(hiddenColumns);\n    }\n\n    // Refresh.\n    if (refreshContent) {\n        return refreshTableContent(tableRoot);\n    } else {\n        return Promise.resolve(tableRoot);\n    }\n};\n\n/**\n * Update the specified table using the new filters.\n *\n * @param {HTMLElement} tableRoot\n * @param {Object} filters\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setFilters = (tableRoot, filters, refreshContent = true) =>\n    updateTable(tableRoot, {filters}, refreshContent);\n\n/**\n * Update the sort order.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} sortBy\n * @param {Number} sortOrder\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setSortOrder = (tableRoot, sortBy, sortOrder, refreshContent = true) =>\n    updateTable(tableRoot, {sortBy, sortOrder}, refreshContent);\n\n/**\n * Set the page number.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} pageNumber\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setPageNumber = (tableRoot, pageNumber, refreshContent = true) =>\n    updateTable(tableRoot, {pageNumber}, refreshContent);\n\n/**\n * Set the page size.\n *\n * @param {HTMLElement} tableRoot\n * @param {Number} pageSize\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setPageSize = (tableRoot, pageSize, refreshContent = true) =>\n    updateTable(tableRoot, {pageSize, pageNumber: 0}, refreshContent);\n\n/**\n * Update the first initial to show.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} firstInitial\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setFirstInitial = (tableRoot, firstInitial, refreshContent = true) =>\n    updateTable(tableRoot, {firstInitial}, refreshContent);\n\n/**\n * Update the last initial to show.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} lastInitial\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setLastInitial = (tableRoot, lastInitial, refreshContent = true) =>\n    updateTable(tableRoot, {lastInitial}, refreshContent);\n\n/**\n * Hide a column in the participants table.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} columnToHide\n * @param {Bool} refreshContent\n */\nexport const hideColumn = (tableRoot, columnToHide, refreshContent = true) => {\n    const hiddenColumns = JSON.parse(tableRoot.dataset.tableHiddenColumns);\n    hiddenColumns.push(columnToHide);\n\n    updateTable(tableRoot, {hiddenColumns}, refreshContent);\n};\n\n/**\n * Make a hidden column visible in the participants table.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} columnToShow\n * @param {Bool} refreshContent\n */\nexport const showColumn = (tableRoot, columnToShow, refreshContent = true) => {\n    let hiddenColumns = JSON.parse(tableRoot.dataset.tableHiddenColumns);\n    hiddenColumns = hiddenColumns.filter(columnName => columnName !== columnToShow);\n\n    updateTable(tableRoot, {hiddenColumns}, refreshContent);\n};\n\n/**\n * Reset table preferences.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Promise}\n */\nconst resetTablePreferences = tableRoot => refreshTableContent(tableRoot, true);\n\n/**\n * Set up listeners to handle table updates.\n */\nexport const init = () => {\n    if (watching) {\n        // Already watching.\n        return;\n    }\n    watching = true;\n\n    document.addEventListener('click', e => {\n        const tableRoot = e.target.closest(Selectors.main.region);\n\n        if (!tableRoot) {\n            return;\n        }\n\n        const sortableLink = e.target.closest(Selectors.table.links.sortableColumn);\n        if (sortableLink) {\n            e.preventDefault();\n\n            setSortOrder(tableRoot, sortableLink.dataset.sortby, sortableLink.dataset.sortorder);\n        }\n\n        const firstInitialLink = e.target.closest(Selectors.initialsBar.links.firstInitial);\n        if (firstInitialLink !== null) {\n            e.preventDefault();\n\n            setFirstInitial(tableRoot, firstInitialLink.dataset.initial);\n        }\n\n        const lastInitialLink = e.target.closest(Selectors.initialsBar.links.lastInitial);\n        if (lastInitialLink !== null) {\n            e.preventDefault();\n\n            setLastInitial(tableRoot, lastInitialLink.dataset.initial);\n        }\n\n        const pageItem = e.target.closest(Selectors.paginationBar.links.pageItem);\n        if (pageItem) {\n            e.preventDefault();\n\n            setPageNumber(tableRoot, pageItem.dataset.pageNumber);\n        }\n\n        const hide = e.target.closest(Selectors.table.links.hide);\n        if (hide) {\n            e.preventDefault();\n\n            hideColumn(tableRoot, hide.dataset.column);\n        }\n\n        const show = e.target.closest(Selectors.table.links.show);\n        if (show) {\n            e.preventDefault();\n\n            showColumn(tableRoot, show.dataset.column);\n        }\n\n        const resetTablePreferencesLink = e.target.closest('.resettable a');\n        if (resetTablePreferencesLink) {\n            e.preventDefault();\n\n            resetTablePreferences(tableRoot);\n        }\n    });\n};\n\n/**\n * Fetch the table via its table region id.\n *\n * @param {String} tableRegionId\n * @returns {HTMLElement}\n */\nexport const getTableFromId = tableRegionId => {\n    const tableRoot = document.querySelector(Selectors.main.fromRegionId(tableRegionId));\n\n\n    if (!tableRoot) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    return tableRoot;\n};\n\nexport {\n    Events\n};\n"],"file":"dynamic.min.js"}
\ No newline at end of file
+{"version":3,"sources":["../src/dynamic.js"],"names":["watching","checkTableIsDynamic","tableRoot","Error","matches","Selectors","main","region","getFiltersetFromTable","JSON","parse","dataset","tableFilters","refreshTableContent","resetContent","filterset","tableComponent","tableHandler","tableUniqueid","sortBy","tableSortBy","sortOrder","tableSortOrder","joinType","jointype","filters","firstinitial","tableFirstInitial","lastinitial","tableLastInitial","pageNumber","tablePageNumber","pageSize","tablePageSize","hiddenColumns","tableHiddenColumns","then","data","placeholder","document","createElement","innerHTML","html","replaceWith","childNodes","getTableFromId","dispatchEvent","CustomEvent","Events","tableContentRefreshed","bubbles","updateTable","firstInitial","lastInitial","refreshContent","stringify","Promise","resolve","setFilters","setSortOrder","setPageNumber","setPageSize","setFirstInitial","setLastInitial","hideColumn","columnToHide","push","showColumn","columnToShow","filter","columnName","resetTablePreferences","init","addEventListener","e","target","closest","sortableLink","table","links","sortableColumn","preventDefault","sortby","sortorder","firstInitialLink","initialsBar","initial","lastInitialLink","pageItem","paginationBar","hide","column","show","resetTablePreferencesLink","tableRegionId","querySelector","fromRegionId"],"mappings":"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","sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Module to handle dynamic table features.\n *\n * @module     core_table/dynamic\n * @package    core_table\n * @copyright  2020 Simey Lameze <simey@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\nimport {fetch as fetchTableData} from 'core_table/local/dynamic/repository';\nimport * as Selectors from 'core_table/local/dynamic/selectors';\nimport Events from './local/dynamic/events';\nimport {addIconToContainer} from 'core/loadingicon';\n\nlet watching = false;\n\n/**\n * Ensure that a table is a dynamic table.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Bool}\n */\nconst checkTableIsDynamic = tableRoot => {\n    if (!tableRoot) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    if (!tableRoot.matches(Selectors.main.region)) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    return true;\n};\n\n/**\n * Get the filterset data from a known dynamic table.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Object}\n */\nconst getFiltersetFromTable = tableRoot => {\n    return JSON.parse(tableRoot.dataset.tableFilters);\n};\n\n/**\n * Update the specified table based on its current values.\n *\n * @param {HTMLElement} tableRoot\n * @param {Bool} resetContent\n * @returns {Promise}\n */\nexport const refreshTableContent = (tableRoot, resetContent = false) => {\n    const filterset = getFiltersetFromTable(tableRoot);\n    addIconToContainer(tableRoot);\n\n    return fetchTableData(\n        tableRoot.dataset.tableComponent,\n        tableRoot.dataset.tableHandler,\n        tableRoot.dataset.tableUniqueid,\n        {\n            sortBy: tableRoot.dataset.tableSortBy,\n            sortOrder: tableRoot.dataset.tableSortOrder,\n            joinType: filterset.jointype,\n            filters: filterset.filters,\n            firstinitial: tableRoot.dataset.tableFirstInitial,\n            lastinitial: tableRoot.dataset.tableLastInitial,\n            pageNumber: tableRoot.dataset.tablePageNumber,\n            pageSize: tableRoot.dataset.tablePageSize,\n            hiddenColumns: JSON.parse(tableRoot.dataset.tableHiddenColumns),\n        },\n        resetContent,\n    )\n    .then(data => {\n        const placeholder = document.createElement('div');\n        placeholder.innerHTML = data.html;\n        tableRoot.replaceWith(...placeholder.childNodes);\n\n        // Update the tableRoot.\n        return getTableFromId(tableRoot.dataset.tableUniqueid);\n    }).then(tableRoot => {\n        tableRoot.dispatchEvent(new CustomEvent(Events.tableContentRefreshed, {\n            bubbles: true,\n        }));\n\n        return tableRoot;\n    });\n};\n\nexport const updateTable = (tableRoot, {\n    sortBy = null,\n    sortOrder = null,\n    filters = null,\n    firstInitial = null,\n    lastInitial = null,\n    pageNumber = null,\n    pageSize = null,\n    hiddenColumns = null,\n} = {}, refreshContent = true) => {\n    checkTableIsDynamic(tableRoot);\n\n    // Update sort fields.\n    if (sortBy && sortOrder) {\n        tableRoot.dataset.tableSortBy = sortBy;\n        tableRoot.dataset.tableSortOrder = sortOrder;\n    }\n\n    // Update initials.\n    if (firstInitial !== null) {\n        tableRoot.dataset.tableFirstInitial = firstInitial;\n    }\n\n    if (lastInitial !== null) {\n        tableRoot.dataset.tableLastInitial = lastInitial;\n    }\n\n    if (pageNumber !== null) {\n        tableRoot.dataset.tablePageNumber = pageNumber;\n    }\n\n    if (pageSize !== null) {\n        tableRoot.dataset.tablePageSize = pageSize;\n    }\n\n    // Update filters.\n    if (filters) {\n        tableRoot.dataset.tableFilters = JSON.stringify(filters);\n    }\n\n    // Update hidden columns.\n    if (hiddenColumns) {\n        tableRoot.dataset.tableHiddenColumns = JSON.stringify(hiddenColumns);\n    }\n\n    // Refresh.\n    if (refreshContent) {\n        return refreshTableContent(tableRoot);\n    } else {\n        return Promise.resolve(tableRoot);\n    }\n};\n\n/**\n * Update the specified table using the new filters.\n *\n * @param {HTMLElement} tableRoot\n * @param {Object} filters\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setFilters = (tableRoot, filters, refreshContent = true) =>\n    updateTable(tableRoot, {filters}, refreshContent);\n\n/**\n * Update the sort order.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} sortBy\n * @param {Number} sortOrder\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setSortOrder = (tableRoot, sortBy, sortOrder, refreshContent = true) =>\n    updateTable(tableRoot, {sortBy, sortOrder}, refreshContent);\n\n/**\n * Set the page number.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} pageNumber\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setPageNumber = (tableRoot, pageNumber, refreshContent = true) =>\n    updateTable(tableRoot, {pageNumber}, refreshContent);\n\n/**\n * Set the page size.\n *\n * @param {HTMLElement} tableRoot\n * @param {Number} pageSize\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setPageSize = (tableRoot, pageSize, refreshContent = true) =>\n    updateTable(tableRoot, {pageSize, pageNumber: 0}, refreshContent);\n\n/**\n * Update the first initial to show.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} firstInitial\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setFirstInitial = (tableRoot, firstInitial, refreshContent = true) =>\n    updateTable(tableRoot, {firstInitial}, refreshContent);\n\n/**\n * Update the last initial to show.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} lastInitial\n * @param {Bool} refreshContent\n * @returns {Promise}\n */\nexport const setLastInitial = (tableRoot, lastInitial, refreshContent = true) =>\n    updateTable(tableRoot, {lastInitial}, refreshContent);\n\n/**\n * Hide a column in the participants table.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} columnToHide\n * @param {Bool} refreshContent\n */\nexport const hideColumn = (tableRoot, columnToHide, refreshContent = true) => {\n    const hiddenColumns = JSON.parse(tableRoot.dataset.tableHiddenColumns);\n    hiddenColumns.push(columnToHide);\n\n    updateTable(tableRoot, {hiddenColumns}, refreshContent);\n};\n\n/**\n * Make a hidden column visible in the participants table.\n *\n * @param {HTMLElement} tableRoot\n * @param {String} columnToShow\n * @param {Bool} refreshContent\n */\nexport const showColumn = (tableRoot, columnToShow, refreshContent = true) => {\n    let hiddenColumns = JSON.parse(tableRoot.dataset.tableHiddenColumns);\n    hiddenColumns = hiddenColumns.filter(columnName => columnName !== columnToShow);\n\n    updateTable(tableRoot, {hiddenColumns}, refreshContent);\n};\n\n/**\n * Reset table preferences.\n *\n * @param {HTMLElement} tableRoot\n * @returns {Promise}\n */\nconst resetTablePreferences = tableRoot => refreshTableContent(tableRoot, true);\n\n/**\n * Set up listeners to handle table updates.\n */\nexport const init = () => {\n    if (watching) {\n        // Already watching.\n        return;\n    }\n    watching = true;\n\n    document.addEventListener('click', e => {\n        const tableRoot = e.target.closest(Selectors.main.region);\n\n        if (!tableRoot) {\n            return;\n        }\n\n        const sortableLink = e.target.closest(Selectors.table.links.sortableColumn);\n        if (sortableLink) {\n            e.preventDefault();\n\n            setSortOrder(tableRoot, sortableLink.dataset.sortby, sortableLink.dataset.sortorder);\n        }\n\n        const firstInitialLink = e.target.closest(Selectors.initialsBar.links.firstInitial);\n        if (firstInitialLink !== null) {\n            e.preventDefault();\n\n            setFirstInitial(tableRoot, firstInitialLink.dataset.initial);\n        }\n\n        const lastInitialLink = e.target.closest(Selectors.initialsBar.links.lastInitial);\n        if (lastInitialLink !== null) {\n            e.preventDefault();\n\n            setLastInitial(tableRoot, lastInitialLink.dataset.initial);\n        }\n\n        const pageItem = e.target.closest(Selectors.paginationBar.links.pageItem);\n        if (pageItem) {\n            e.preventDefault();\n\n            setPageNumber(tableRoot, pageItem.dataset.pageNumber);\n        }\n\n        const hide = e.target.closest(Selectors.table.links.hide);\n        if (hide) {\n            e.preventDefault();\n\n            hideColumn(tableRoot, hide.dataset.column);\n        }\n\n        const show = e.target.closest(Selectors.table.links.show);\n        if (show) {\n            e.preventDefault();\n\n            showColumn(tableRoot, show.dataset.column);\n        }\n\n        const resetTablePreferencesLink = e.target.closest('.resettable a');\n        if (resetTablePreferencesLink) {\n            e.preventDefault();\n\n            resetTablePreferences(tableRoot);\n        }\n    });\n};\n\n/**\n * Fetch the table via its table region id.\n *\n * @param {String} tableRegionId\n * @returns {HTMLElement}\n */\nexport const getTableFromId = tableRegionId => {\n    const tableRoot = document.querySelector(Selectors.main.fromRegionId(tableRegionId));\n\n\n    if (!tableRoot) {\n        // The table is not a dynamic table.\n        throw new Error(\"The table specified is not a dynamic table and cannot be updated\");\n    }\n\n    return tableRoot;\n};\n\nexport {\n    Events\n};\n"],"file":"dynamic.min.js"}
\ No newline at end of file
diff --git a/lib/table/amd/src/dynamic.js b/lib/table/amd/src/dynamic.js
index 18e35fbb91c..a53dc6f547b 100644
--- a/lib/table/amd/src/dynamic.js
+++ b/lib/table/amd/src/dynamic.js
@@ -24,6 +24,7 @@
 import {fetch as fetchTableData} from 'core_table/local/dynamic/repository';
 import * as Selectors from 'core_table/local/dynamic/selectors';
 import Events from './local/dynamic/events';
+import {addIconToContainer} from 'core/loadingicon';
 
 let watching = false;
 
@@ -66,6 +67,7 @@ const getFiltersetFromTable = tableRoot => {
  */
 export const refreshTableContent = (tableRoot, resetContent = false) => {
     const filterset = getFiltersetFromTable(tableRoot);
+    addIconToContainer(tableRoot);
 
     return fetchTableData(
         tableRoot.dataset.tableComponent,