Datatable loading overlay not showing

dmcconnell68

Hi,

Can anyone tell me why the Loading overlay wouldn't be showing here?

usergroupgrid = webix.ui({
                container:"usergroupTable",
                view:"datatable", 
                id:"usergroupgrid",
                margin:5,
                css:"webix_header_border webix_data_border",
                columns:[
                    { id:"id",                  header:["ID",                   {content:"textFilter"}],    width:150,  sort:"int"},
                    { id:"domain",              header:["Domain",               {content:"selectFilter"}],  width:200,  sort:"string"},
                    { id:"group_samaccountname",header:["Group samAccountName", {content:"textFilter"}],    width:300,  sort:"string"},
                    { id:"user_samaccountname", header:["User samAccountName",  {content:"textFilter"}],    width:300,  sort:"string"},
                    { id:"first_poll_timestamp",header:["First Poll",           {content:"textFilter"}],    width:200,  sort:"string"},
                    { id:"last_poll_timestamp", header:["Last Poll",            {content:"textFilter"}],    width:200,  sort:"string"}
                ],
                autoheight:true,
                resizeColumn:true,
                select:"row",
                hover:"myhover",
                scrollY:true,
                scrollX:true,
                navigation:"true",
                url:"ajax/modules/ent/ajax_ent_getusergroupdata.php",
                pager:{
                    template:"{common.first()} {common.prev()} {common.pages()} {common.next()} {common.last()}",
                    container:"usergroupTable_Paging",
                    id:"usergrouppager",
                    width:500,
                    size:13,
                    group:5
                },
                on:{
                    onBeforeLoad:function(){
                    this.showOverlay("Loading...");
                    },
                    onAfterLoad:function(){
                    this.hideOverlay();
                    }
                },
            }); 

AlenaLisava

Hello, @dmcconnell68
When you have autoheight:true, and don't have limitation with minHeight the datatable collapses when it's empty. So the solution is to add minHeight to datatable.
Here is an example: https://snippet.webix.com/ezfbwlkb