MediaWiki:BigTable.js

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

• Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
• Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
• Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
• Opera: Нажмите Ctrl+F5.

$(function(){
	$('table').wrap('<div class="big-table"></div>');
 
	function resize_table_box() {
		$('.big-table').each(function(){
			var box_width = $(this).outerWidth();
			var table_width = $(this).children('table').prop('scrollWidth');
			$(this).removeClass('scroll-left');
			if (table_width > box_width) {
				$(this).addClass('scroll-right');
			} else {
				$(this).removeClass('scroll-right');
			}
		});		
	}
 
	resize_table_box();
	$( window ).on('resize', function() {
		resize_table_box();
	});
 
	$('.big-table table').on('scroll', function() {
		var parent = $(this).parent();
		if ($(this).scrollLeft() + $(this).innerWidth() >= $(this)[0].scrollWidth) {
			if (parent.hasClass('scroll-right') ){
				parent.removeClass('scroll-right');
			}
		} else if ($(this).scrollLeft() === 0){
			if (parent.hasClass('scroll-left')){
				parent.removeClass('scroll-left');
			}
		} else {
			if(!parent.hasClass('scroll-right')){
				parent.addClass('scroll-right');
			}
			if(!parent.hasClass('scroll-left')){
				parent.addClass('scroll-left');
			}
		}
	});
});