[ColumnSelection] allow to append rows dynamically simple about cube-common-bundle HOT 8 CLOSED

@MartinRosserEB what about the changeset shown above?
Because the hiding is saved in a css rule, it is automatically applied to new cells.

Used in one place currently: http://hesi.dev.cubetools.ch/tm/app_dev.php/execution/testrun/
Your login is the same as on the productive system.

from cube-common-bundle.

ruleNode = $('#columnsTableXxx');
if (ruleNode) {
     sheet = ruleNode[0].sheet;
} else {
    style = document.createElement('style');
    style.style.appendChild(document.createTextNode("")); //webkit hack
    style.setAttr('id', 'columnsTableXxx');
    document.head.appendChild(style);
    sheet = style.sheet;
}
rule = cssRules.item(columnSelector);
if (rule) {
    rule.style.display = 'visible';
} else {
    cssRules.insertRule(columnSelector+'{'+'display: '+'visible'+'}', 0);
}

ToDo: check if cssRules.item(columnSelector); works on various browsers: ff OK, IE ?, Edge OK, Chrome ?

from cube-common-bundle.

page .../tm/.../exectionion/testrun/ tested (with MartinRosserEB) on:

• Firefox/54.0
• Edge/15.15063
• IE
• Chrome

Inserting new rows tested with Edge by using the console.

from cube-common-bundle.

Can be further improved by doing filtering in twig. But this need some more macros, which must be applied everywhere.

pro:

• transmit less data on page load
• allows custom column order to be implemented https://github.com/EmchBerger/projectassistant/issues/942

contra:

• more effort to apply everywhere (will be simpler when we do more with macros)
• needs data transmission on column hiding/showing. (Is currently done on client side.)

from cube-common-bundle.

hiding currently (1.1.1) done with display none+adapting of total column count

shortcoming:
* works only for colspan of full length

Tries with "visibility: collapse" on colgroup>col + hiding cells failed (1.1.0)
current problem: Firefox does not support "table-layout: auto" and "visibility: collapse" on colgroup>col, the col element keeps its width (even when it's width is set to 0)

TODO:

• implement correctly (for all colspan), but working

to consider

• browsers IE, Firefox, Chrome, Edge
• table-layout: fixed (../doc/document, ../meetings/action) / auto (../reservation)

from cube-common-bundle.

I suggest to only support table-layout: auto; for generic use cases.

We have issues with table-layout: fixed since content may overflow (columns do not fit on one page), and we cannot set a width to all columns.

from cube-common-bundle.

hopefully fixed with pr #61

from cube-common-bundle.

last issue in #64

from cube-common-bundle.