Vaadin FilteringTable Issue

Flow
1

Hi All,

I am using vaadin7.0.5 version with filteringtable-0.8.4.v7.jar(which is compatible with this version). Filtering is working fine as expected in firebox and chrome and ie11. But when i tried to use the internet explorer 8 or 9, once i did the filter, all columns shrinken,it look very odd.

In my case, most of user base using older version of ie only. Anybody can help me to sort out this issue

16516.png

2

Hi All,

I am using vaadin 7.0.5 with filtertable0.8.4V7.jar and popupbutton2.2.0 jar for this application. During filtering the data, all data align to first column.
This is happening in IE8 / IE9 only. Working fine in Chrome/firebox. Find below the source code and your help highly appreciateable.

package com.example.testweb;

import java.sql.Timestamp;
import java.util.Calendar;
import java.util.Random;

import org.tepi.filtertable.FilterTable;

import com.vaadin.data.Container;
import com.vaadin.data.util.IndexedContainer;
import com.vaadin.server.VaadinRequest;
import com.vaadin.ui.Button;
import com.vaadin.ui.Button.ClickEvent;
import com.vaadin.ui.UI;
import com.vaadin.ui.VerticalLayout;

/**

  • Main UI class
    */
    @SuppressWarnings(“serial”)
    public class TestwebUI extends UI {

    @Override
    protected void init(VaadinRequest request) {
    final VerticalLayout layout = new VerticalLayout();
    layout.setSizeFull();
    layout.setMargin(true);
    setContent(layout);

     Button button = new Button("Click Me");
 button.addClickListener(new Button.ClickListener() {
     public void buttonClick(ClickEvent event) 
     {
         Container container=buildContainer();
         FilterTable table=buildFilterTable();
         
         
         layout.addComponent(table);
         
     }
 });
 layout.addComponent(button);

    }
    private Container buildContainer() {
    IndexedContainer cont = new IndexedContainer();
    Calendar c = Calendar.getInstance();

     cont.addContainerProperty("name", String.class, null); 
 cont.addContainerProperty("id", Integer.class, null); 
 cont.addContainerProperty("state", String.class, null); 
 cont.addContainerProperty("date", Timestamp.class, null); 
 cont.addContainerProperty("validated", String.class, null); 
 cont.addContainerProperty("checked", String.class, null); 

 Random random = new Random(); 
 for (int i = 0; i < 10000; i++) { 
     cont.addItem(i); 
     /* Set name and id properties */ 
     cont.getContainerProperty(i, "name").setValue("Order " + i); 
     cont.getContainerProperty(i, "id").setValue(i); 
     /* Set state property */ 
     int rndInt = random.nextInt(4); 
     String stateToSet = "CREATED"; 
     if (rndInt == 0) { 
        stateToSet = "PROCESSING"; 
     } else if (rndInt == 1) { 
         stateToSet = "PROCESSED"; 
     } else if (rndInt == 2) { 
         stateToSet = "FINISHED"; 
     } 
     cont.getContainerProperty(i, "state").setValue(stateToSet); 
     /* Set date property */ 
     cont.getContainerProperty(i, "date").setValue( 
             new Timestamp(c.getTimeInMillis())); 
     c.add(Calendar.DAY_OF_MONTH, 1); 
     /* Set validated property */ 
     cont.getContainerProperty(i, "validated").setValue( 
             random.nextBoolean()+"VV"); 
     /* Set checked property */ 
     cont.getContainerProperty(i, "checked").setValue( 
             random.nextBoolean()+"CHECKED"); 
 } 
 return cont;

    }

    private FilterTable buildFilterTable() {
    FilterTable filterTable = new FilterTable();
    filterTable.setWidth(“70%”);

     //filterTable.setFilterDecorator(new DemoFilterDecorator()); 
 //filterTable.setFilterGenerator(new DemoFilterGenerator()); 

 filterTable.setFilterBarVisible(true); 

 filterTable.setSelectable(true); 
 filterTable.setImmediate(true); 
 filterTable.setMultiSelect(true); 

 //filterTable.setRowHeaderMode(RowHeaderMode.INDEX);
 
 filterTable.setColumnExpandRatio("name",2.1f);
 //filterTable.setColumnExpandRatio("state",2.1f);
 filterTable.setColumnExpandRatio("date",5.1f);
 filterTable.setColumnExpandRatio("validated",5.1f);
 filterTable.setColumnExpandRatio("checked",5.1f);
 filterTable.setColumnExpandRatio("id",1.1f);

 filterTable.setColumnCollapsingAllowed(true); 

 filterTable.setColumnReorderingAllowed(true); 

filterTable.setContainerDataSource(buildContainer()); 

 filterTable.setColumnCollapsed("state", true); 

 
filterTable.setVisibleColumns((Object[]) new String[]

{ “name”, “id”,
“state”, “date”,“validated”,“checked”});

    return filterTable; 
 }

}[quote=Elangovan Solaiappan]
Hi All,

I am using vaadin7.0.5 version with filteringtable-0.8.4.v7.jar(which is compatible with this version). Filtering is working fine as expected in firebox and chrome and ie11. But when i tried to use the internet explorer 8 or 9, once i did the filter, all columns shrinken,it look very odd.

In my case, most of user base using older version of ie only. Anybody can help me to sort out this issue

[/quote]

3

Hi,

I’ve made a decision to only support the latest versions of FilteringTable in both Vaadin 6 and Vaadin 7 branches. Could you upgrade both your Vaadin and FilteringTable to their latest versions and write back if the problem still persists?

-tepi

4

Hi,

we are using filter table version 0.9.15 on vaadin 7
suddenly we are getting grey out filters with filter table on chrome
its working on other browsers

any help is highly appreciated

Thanks much
18376566.png