Custom Components Datatable

Hello,
anyone have sample custom component datatable with progress bar on webix.protoUI?

I want make a custom new “view” called “datatableLoading” , because if i use view “datatable” , i must declare event onBeforeLoad and onAfterLoad for add progress bar

Thank You

Hello!
ProgressBar module adds the necessary events without the initial config, so they are triggered earlier than the custom ones.
If you ever need to call showProgress with your custom config you can rewrite it on $init as you can see on the following example.

this.showProgress = (config) => {
        const params = webix.extend({ 
          type:"top", 
          position:0,
          hide: true,
          delay: 300,
        }, (config || {}), true);
        webix.ProgressBar.showProgress.call(this, params);
      }

Also in this case it’s more preferable to use “top” or “bottom” type of progress element, because when you use the “icon” type, it is drawn on the layer above the table and it can block the component’s interface, but the slider above or below will not do this.
Please, check the snippet Code Snippet

Thank You Nastassia !