Widget:Unit List Tabulator

<!doctype html>    function r(f){/in/.test(document.readyState)?setTimeout('r('+f+')',9):f} r(function{			$(".unit_list tr:nth-child(1) th").each(function { $(this).text($.trim($(this).text)); });			var header = $(".unit_list tr:nth-child(1)").detach;			$(".unit_list tbody").before(header);			$(".unit_list tr").first.wrap(" "); var table = new Tabulator(".unit_list", { height:"800px", movableColumns:true, resizableColumns:false, columnVertAlign:"middle", columns:[ {title:"#"}, {title:"Icon", field:"icon", width:66, formatter:"html", headerSort:false}, {title:"Name", field:"name", width:170, formatter:"html", headerSort:false, headerFilter:"input", headerFilterPlaceholder:"Search..."}, {title:"Role", field:"role", width:118, formatter:"html", headerSort:false, headerFilter:"select", headerFilterParams:{"":"Any", "Physical Attacker":"Physical Attacker", "Magic Attacker":"Magic Attacker", "Physical Tank":"Physical Tank", "Magic Tank":"Magic Tank", "Healer":"Healer", "Support":"Support", "Debuffer":"Debuffer", "Versatile":"Versatile"}, headerFilterFunc:"like"}, {title:"Chain Family", field:"chain_family", width:132, formatter:"html", headerSort:false, headerFilter:"input", headerFilterPlaceholder:"Search..."}, {title:"Base", field:"base", align:"center", headerSort:false, headerFilter:"input", headerFilterPlaceholder:" ", headerFilterFunc:"like"}, {title:"Max", field:"max", align:"center", headerSort:false, headerFilter:"input", headerFilterPlaceholder:" ", headerFilterFunc:"like"}, {title:"Acquisition", field:"acquisition", width:130, headerSort:false, headerFilter:"select", headerFilterParams:{"":"Any", "Standard Summon":"Standard Summon", "Rare Summon":"Rare Summon", "Story Reward":"Story Reward", "Event Reward":"Event Reward", "Purchase Reward":"Purchase Reward", "EX Trade":"EX Trade"}, headerFilterFunc:"like"}, {title:"Time Limited", field:"time_limited", width:140, align:"center", headerSort:false, headerFilter:"select", headerFilterParams:{"":"Any", "Summon Festival":"Summon Festival", "Collaboration":"Collaboration", "Yes":"Yes", "-":"No"}, headerFilterFunc:"like"}, {title:"CG", field:"cg", width:60, formatter:"html", align:"center", headerSort:false, headerFilter:"select", headerFilterParams:{"":"Any", "Yes":"Yes", "-":"No"}, headerFilterFunc:"like"}, {title:"Series", field:"series", headerFilter:"input", headerFilterPlaceholder:"Search..."}, {title:"Release", field:"release", align:"center", headerSort:false, headerFilter:"select", headerFilterParams:{"":"Any", "JP":"JP", "Both":"Both"}, headerFilterFunc:"like"}, ]});		});   display: none; }   display: block !important; } .tabulator-responsive-collapse { white-space: normal; } .tabulator { border: 1px solid #CFD7E0; background-color: #CFD7E0; } .tabulator .tabulator-header { color: #FAFDFF; font-family: Lato; font-size: 14px; } .tabulator-header-filter { color: #757575; } .tabulator .tabulator-header .tabulator-col { border-right: 1px solid #8293ab; background: #4D627F; } .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover { background-color: #4D627F; } .tabulator-row { background-color: #FAFDFF !important; } .tabulator-row.tabulator-row-even { background-color: #e2f0f9 !important; } .tabulator-row .tabulator-cell { border-right: 1px solid #CFD7E0; border-bottom: 1px solid #CFD7E0; cursor: auto; } .tabulator-header-filter input { background-color: #fafdff; }
 * 1) bannerhover:hover #banner1{
 * 1) bannerhover:hover #banner2{