Button as emptyTableWidget in CellTable/Datagrid not responding to events and wrong aligned

[komasoftware]

I have a problem with the emptyTableWidget for CellTable/Datagrid

        Button emptyTableWidget = new Button("click me", IconType.PLUS_SIGN);
        emptyTableWidget.setSize(ButtonSize.DEFAULT);
        emptyTableWidget.setType(ButtonType.LINK);
        emptyTableWidget.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                Window.alert("click");
            }
        });
        cellTable.setEmptyTableWidget(emptyTableWidget);

This works in some cases perfectly, and when it works, the button is centered in the empty table;

But in most of my views, clicking the Button has no effect.

The code is exactly the same, but the context/page structure of the table in the HTML is of course different;

When it does not work, the Button appears left aligned in the table/datagrid.

Very annoying type of issue....

[komasoftware]

if i inspect with firebug i see that this code :

        Button emptyTableWidget = new Button("sjablonen toevoegen", IconType.PLUS_SIGN);
        emptyTableWidget.setSize(ButtonSize.DEFAULT);
        emptyTableWidget.setType(ButtonType.LINK);
        emptyTableWidget.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                onAddDocument();
            }
        });
        dataGrid.setEmptyTableWidget(emptyTableWidget);

renders this empty table column :

                    <td>
                      <a class="btn btn-link" href="javascript:;">
                      <i class="icon-plus-sign"></i>
                      sjablonen toevoegen
                     </a>
                   </td>

But this code (IMO 100% the same ?) :

        Button emptyTableWidget = new Button("maak een factuur aan", IconType.PLUS_SIGN);
        emptyTableWidget.setSize(ButtonSize.DEFAULT);
        emptyTableWidget.setType(ButtonType.LINK);
        emptyTableWidget.addClickHandler(new ClickHandler() {
            @Override
            public void onClick(ClickEvent event) {
                activity.gotoPlace(new InvoicePlace());
            }
        });
        dataGrid.setEmptyTableWidget(emptyTableWidget);

renders this empty table column :

    <div>
         <div style="width: 100%; height: 100%; padding: 0px; margin: 0px;">
         <div style="width: 100%; height: 100%;">
                <a class="btn btn-link" href="javascript:;">
                  <i class="icon-plus-sign"></i>
                    maak een factuur aan 
                </a>
        </div>
        </div>
           <div style="width: 100%; height: 100%; padding: 0px; margin: 0px; display: none;"> <- INVISIBLE
             <div class="GNJ0V30BED" style="width: 100%; height: 100%; display: none;">... INLINE IMAGE </div>
           </div>
      </div>

So there is an extra <div> surrounding and there is a <div> with display-none containing an inline image...

I wonder what is so different ... ?
can the columns influence the empty table layout ?

[soundTricker]

Thanks @komasoftware ;)
I'll try something.

[komasoftware]

I see now that it is not working for CellTable but it does work for DataGrid;

[soundTricker]

Umm...
I try it on native gwt CellTable.
Native gwt CellTable does not work about it.
Maybe it's GWT's bug.

[soundTricker]

I seem it's gwt's bug, I move it to backlog

[wassx]

are there any news on that?