0

I am working on styling a web app, and was asked to get rid of the default white tooltips on this ngx-datatable, but haven't really found anything on this topic. Are you able to get rid of these?

Problem example

Dakota Maker
  • 633
  • 4
  • 24

1 Answers1

1

For the row cells you can modify them using this css:

.datatable-body-cell-label {
    pointer-events: none;
}

For the header cells it's more tricky because they are clickable to support sorting. Something like jQuery will be needed. Like this:

$('.datatable-header-cell[title]').on('mouseenter', function(e){
    e.preventDefault();
});

By the way, those "default white tooltips" are a result of the title attribute which the browser handles on its own, typically showing it on hover.

thenninger
  • 506
  • 3
  • 16