How to remove the overlay loader from material table?

Question

How can I remove the overlay loader completely from the table? (Table used: https://github.com/mbrn/material-table)

Answer 1

You can use OverlayLoading field to remove the overlay loader style of material-table.

<MaterialTable
  columns={columns}
  data={...}
  components={{
    OverlayLoading: props => (<div></div>)
  }}
/>

Answer 2

You can change loadingType to linear in options:

<MaterialTable
  columns={columns}
  data={...}
  options={{
    loadingType: 'linear'
  }}
/>

Answer 3

You can override Overlay loading component like this,

<MaterialTable
  columns={columns}
  data={...}
  components={{
    OverlayLoading: () => <div />
  }}
/>