Make use of table scrolling of FUI 2.9

[mkrecek234]

FUI 2.9 offers table scrolling as described in https://fomantic-ui.com/collections/table.html#scrolling
Eventually this can help to improve addJsPaginatorInContainer as the current implementation has some issues (e.g. does not support added total line, or added decorators etc.), so we could re-use FUI as much as possible.

[mvorisek]

When non JS paginator is used, no scrolling should be probably present.

What is the improved objective here?

[mkrecek234]

This is just an idea to make use of FUI scrolling class, instead of Atk4 proprietary HTML rendering in scrolling plugin. This eventually might improve FUI compatibility for scrolling feature as it is natively supported in FUI 2.9.

[mvorisek]

We use plugin to load data dynamically, FUI cannot do that. How can the scrolling help?

[mvorisek]

Is this FR related with infinite/JS scrolling only?

instead of Atk4 proprietary HTML ... as it is natively supported in FUI 2.9

Please provide concrete screenshots of design/behaviour now and after this FR you expect.

[mvorisek]

I would like to have the tables resizeable like textarea - https://stackoverflow.com/questions/11163981/div-resizable-like-text-area

[lubber-de]

I would like to have the tables resizeable like textarea - stackoverflow.com/questions/11163981/div-resizable-like-text-area

Like that? 😉
fomantic/Fomantic-UI#2748

[mvorisek]

related with fomantic/Fomantic-UI#2785

ui/js/src/plugins/scroll.plugin.js

Lines 63 to 81 in d40d047

	setTableHeader() {
	if (this.$el.parent().length > 0) {
	let $tableCopy = null;
	this.$el.parent().height(this.settings.options.tableContainerHeight);
	this.$el.addClass('fixed');
	$tableCopy = this.$el.clone(true, true);
	$tableCopy.attr('id', $tableCopy.attr('id') + '_');
	$tableCopy.find('tbody, tfoot').remove();
	$tableCopy.css({
	position: 'absolute',
	'background-color': this.settings.options.tableHeaderColor,
	border: this.$el.find('th').eq(1).css('border-left'),
	'z-index': 1,
	});
	this.$scroll.prepend($tableCopy);
	this.$el.find('thead').hide();
	this.$el.css('margin-top', $tableCopy.find('thead').height());
	}
	}

should not be needed anymore then, demo demos/interactive/scroll-grid-container.php, would also probably fix #646