angular - ngx-datatable 禁用默认的白色工具提示

Question

我正在设计一个 Web 应用程序的样式，并被要求去掉这个 ngx-datatable 上的默认白色工具提示，但在这个主题上还没有真正找到任何东西。你能摆脱这些吗？

Answer 1

对于行单元格，您可以使用此 css 修改它们：

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

对于标题单元格，它更棘手，因为它们可单击以支持排序。将需要像 jQuery 这样的东西。像这样：

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

顺便说一句，那些“默认的白色工具提示”是浏览器自行处理的标题属性的结果，通常在悬停时显示。