Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8Framework UI

Grid in IE 11 display problem

Adam Zakrzewski
6 years ago Nov 04, 2015 2:55pm

HI, 
i have few problems with grid component in IE, 
first: if i add FooterRow to grid, layout of component are look bad (example in file below ) last column went at first position and footerrow display also wrong (  remove styles in file .scss don't fix problem ) problem don't exists in Chrome, Opera or FireFox... 
enother problem is that when I resize web borowser ( IE 11 ) them grid component  don't resize but component  where I add grid (CssLayout) resized 
i want implemented grid like is implemented in vaadin demo ( http://demo.vaadin.com/sampler/#ui/grids-and-trees/grid/features ) but i can't find full implementation... 

thanks for help

Jackilyn Parker
6 years ago Feb 09, 2016 7:41pm

Where you able to resolve this?  I am having the same issue and could use some help.

Adam Zakrzewski
6 years ago Feb 10, 2016 7:38am

I use java script to resize rows in grid. Somethink like this:
var heightGridRow = 63;
var resizeGridRow = 5;

var element = document.getElementsByClassName("table");
        var interwal = setInterval(function() {    
            if(element != 'undefined' && element != null){
                if($(element).is(":visible")){
                    if($('.v-grid-header').height() > maxHeightGridRow){
                        $('.v-grid-row').css('width','+='+ resizeGridRow +' px;');    
                        clearInterval(interwal);    
                    }
                }
            }
    }, 500);

if you want use footer,  add to footer translateY function ;

but it's only a workaround... 

If I find how fix it in another way I will share it .

Ramakrishna Gorthi
4 years ago Sep 20, 2017 7:33pm

Any better alternatives we have for this issue?

Hannes Baaten
3 years ago Aug 14, 2018 8:48am

Same issue here. Seems to still be a problem. I'm on Vaadin v7.5