Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://icflorescu.github.io/mantine-datatable/examples/asynchronous-data-loading below:

Examples › Asynchronous data loading

Customize the loader properties in the interactive example below:

Code:

Simply set a fetching: true property to the DataTable to indicate data loading state by overlaying a Loader over the DataTable rows.
You can customize the loader appearance with:

• loaderSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl'
• loaderType: 'oval' | 'bars' | 'dots'
• loaderColor
  The loader color.
• loaderBackgroundBlur: number
  The loader background blur, in pixels. No blur by default.

Keep in mind

If your DataTable is not vertically scrollable and contains no initial data, make sure to set its minHeight to minimize the “content jump” and accommodate the Loader height.

If you’re not happy with standard Mantine Loader types, you can pass your own component to the customLoader property.
In this case, do not set loaderSize, loaderType and loaderColor properties.

Here is the code:

Head over to the next example to discover more features.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4