Comments (8)
@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.
Related Issues (20)
- [Filter] Filter on array HOT 1
- [Notifications] Add methods to search for notifications
- [Logs] Methods supporting logs filtering
- [Logs] Avoid showing parent changes
- [CollectionHandler:processValue] Ability to work with DateTime fields
- [DataDogAudit] indicate unknown changes less obtrusive HOT 2
- [Logs] long values are shown incomplete in history HOT 7
- [Logs] changes in assosiation value are not necessary shown in history
- [phpexcel] make dependency on phpexcel really optional HOT 2
- [GitVersion] there is a dependency on CUBE PA's DashboardController HOT 1
- [FileStatistics] Increase pdf / image analysis speed HOT 4
- [Symfony] Make Cube Common Bundle compatible with Symfony 4
- [ColumnSelection] show selection for combinded rows merged
- [Translation] make labels dynamic
- [Columns] Make array with columns from Symfony form and collection handler
- [MailNotificationMechanism] Subscription based notification mechanism for updates
- [ColsSelection] simplify code + improve functionality for column hiding HOT 1
- [CustomFieldsColumns] adding support for extracting custom fields columns from forms
- [FilterAnyNone] Possible to filter for any or none value
- [branch naming] version branches HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from cube-common-bundle.