Multiselect - Checkers not visible

[sindrehauglum]

Problem: with the extensions the checkboxes is not visible. So we can't select all
My code: (mGrid = Vaadin 8.4.0 Grid)

public B withMultiSelect() {
    TableSelectionModel<T> multiSelect = new TableSelectionModel<>();
    multiSelect.setMode(TableSelectionState.TableSelectionMode.SHIFT);
    multiSelect.setUserSelectionAllowed(true);
    multiSelect.setSelectAllCheckBoxVisibility(SelectAllCheckBoxVisibility.VISIBLE);
    mGrid.setSelectionModel(multiSelect);
    mIsMultiGrid = true;
    return (B) this;
}

Actual:

Expected:

[tsuoanttila]

Hi and thanks for the issue.

The TableSelectionModel mimics the behaviour of the old table as much as possible, and since there was no selection column in the old table, there's no selection column in the TableSelectionModel. If you really need that feature I can see if I have time to provide a configuration for making the selection column visible.

[TordJoranger]

Hi tsuoanttila, thank you for the swift reply!

Seeing as our users got used to this feature in the vaadin 7 version of our application, we would like to keep the user experience as similar as possible in the vaadin 8 version.

Such a configuration would be very much appreciated.

[TordJoranger]

We ended up modding it a bit ourself to solve our issue. GridselectionModel is just an empty class extending TableSelectionModel.

/**
 * Copy of TableSelectModelConnector without override of getRenderer in CustomSelectionModel.
 * Making checkboxes visible while retaining table behaviour.
 */
@Connect(GridSelectionModel.class)
public class GridSelectionModelConnector extends TableSelectionModelConnector {
    protected class CustomSelectionModel extends MultiSelectionModel {
    }
    @Override
    protected void initSelectionModel() {
        super.initSelectionModel();
        getGrid().setSelectionModel(new CustomSelectionModel());
    }
}

[stozk]

Hi,

I'm facing a similar problem, but exactly the opposite.

I'm using Vaadin 8.11.1 and I'm trying to hide the checkers selection column.

I have used the code according to the demo example:

SelectGrid grid = new SelectGrid<>();
TableSelectionModel tableSelect = new TableSelectionModel<>();
tableSelect.setMode(TableSelectionState.TableSelectionMode.CTRL);
grid.setSelectionModel(tableSelect);

Is there anything else I have to set, since the grid looks exactly the same regardless of me using a regular Grid component with Multiselect or this add-on with the TableSelectionState.TableSelectionMode.CTRL Tableselectmodel.

Do I have to set some specific style to the component?

BTW: When I run the demo app, is seems to work fine.
Is it possible that my css styles are interfering here?

BR