Search code examples
javascriptreactjsreact-hooksmaterial-table

Disable tooltips in material-table

Is there any way to disable tooltips from material-table,

enter image description here

As shown in image,there is tooltips as: first page, also there are other tips for search and so on. Is there any way to disable all the tooltips, not the actual toolbars but the tooltips only?

Code: https://codesandbox.io/s/material-demo-forked-2piiy

Solution

  • I'm not aware of an option to specifically disable all tooltips, so as a workaround, to avoid having to override components and create your own, you could try to use localization with empty values.

    For example, the first-page tooltip would be like this:

          <MaterialTable
        columns={tableColumns}
        data={data}
        title="Material Table - Title"
        localization={{
          pagination: {
            firstTooltip: ""
          }
        }}
      />

    By doing these the tooltip won't be shown in the UI. Take a look at the docs to see the list of texts that you could modify.

    Hope that works for you!