Table Header Mis-alignment

Support
#1

Hi Support,

I have a table that has its header and body mis-aligned for some reason. See below:

image
image1536×300 24.1 KB

and gets worse the more you scroll:

image
image1554×273 14.3 KB

I temporarily removed all custom CSS to see if that was an issue but that didn’t fix it.

This Table is created programmatically if that makes a difference?
Here’s a code snippet in case it helps.

table.addGeneratedColumn("Job complete?", 14, job -> {
            Label<String> label = uiComponents.create(Label.NAME);
            Map<String, String> data = dataCache.get(job.getId().toString());

            if (data != null) {
                String jobComplete = data.get("job");
                label.setValue(jobComplete);
                return label;
            } else {
                return null;
            }
        });

Filter filter = uiComponents.create(Filter.NAME);
        filter.setDataLoader(collectionLoader);
        filter.setMaxResults(50);
        filter.setUseMaxResults(true);
        filter.setApplyTo(table);
        filter.setWidthFull();
        filter.setApplyImmediately(true);
        RowsCount rowsCount = uiComponents.create(RowsCount.NAME);
        rowsCount.setRowsCountTarget(table);
        table.setRowsCount(rowsCount);
        table.setSizeFull();

        vbox.setSizeFull();
        vbox.add(filter);
        vbox.add(table);
        vbox.expand(table);
        filter.apply(true);