Thread:Emptylord/@comment-25206135-20190810065408/@comment-3974211-20190810125455

This code does the magic: 

The following classes and information needs to be associated with each icon:
 * class="grid-icon champion-icon"
 * data-champion=""
 * data-search=","
 * data-role=","
 * data-type="

The following code creates the buttons on the article: mw.loader.using( ['mediawiki.util', 'jquery.client'], function { /* Begin of mw.loader.using callback */ /* Config for MediaWiki:Common.js/gridfiltering.js */    gridContainer = '#champion-grid';    gridFilters = {        'search': 'search',        'role': ['- Role -',            ['Controller','Controller'],            ['Catcher','• Catcher'],            ['Enchanter','• Enchanter'],            ['Fighter','Fighter'],            ['Diver','• Diver'],            ['Juggernaut','• Juggernaut'],            ['Mage','Mage'],            ['Artillery','• Artillery'],            ['Battlemage','• Battlemage'],            ['Burst','• Burst'],            ['Marksman','Marksman'],            ['Slayer','Slayer'],            ['Assassin','• Assassin'],            ['Skirmisher','• Skirmisher'],            ['Specialist','Specialist'],            ['Tank','Tank'],            ['Vanguard','• Vanguard'],            ['Warden','• Warden'] ],       'type': ['- Attacktype -', ['Melee','Melee'], ['Ranged','Ranged'] ]   }; /* End of mw.loader.using callback */ });