Cannot set list layout

[sequencer]

Without listLayout list renders but table headers are incorrect

            const collection = await this.getCollectionFactory().create('MyEntity');
            // const collection = new Collection();
            collection.url = `MyEntity/${this.model.id}/sub_entity`;
            collection.offset = 0;
            collection.maxSize = 20;
            collection.data.select = ['status', 'description'].join(',');
            collection.orderBy = 'createdAt';
            collection.order = 'desc';
            collection.fetch();
            await this.createView('list', 'views/record/list', {
                selector: '.list-container',
                collection,
                rowActionsDisabled: true,
                buttonsDisabled: true,
                listLayout: [{ name: 'description' }]
            });​

Error in browser: Could not set element '#main > .record .list-container'. bullbone.js:1232:32

[yuri]

Do you have a div with the 'list-container' class in the parent template?

BWT collection.fetch() is async. Better add await.

[yuri]

https://github.com/espocrm/espocrm/blob/8.2.2/client/modules/crm/src/views/meeting/modals/send-cancellation.js#L48

[yuri]

> but table headers are incorrect

What exactly is incorrect?

[sequencer]

Do you have a div with the 'list-container' class in the parent template?

Yes, as I mentioned it renders just without specifying layout. Also work same with id selector.
Adding await to fetch omitting error but table wont render even without listLayout

What exactly is incorrect?

<th> is like matching parent (view) entity fields so table become broken

[yuri]

Maybe attach a screenshot. Maybe I could recall the problem when I see it.

[sequencer]

I fixed it. There were several mistakes. I guess main problem was to make sure collection factory entity type matches sub-entity
- const collection = await this.getCollectionFactory().create('MyEntity'); collection.url = `MyEntity/${this.model.id}/sub_entity`;
+ const collection = await this.getCollectionFactory().create('SubEntity'); collection.url = `MyEntity/${this.model.id}/sub_entity`;