如何在 Prime NG 中禁用分页？答案

【问题标题】：How to disable pagination in Prime NG?如何在 Prime NG 中禁用分页？
【发布时间】：2019-02-24 10:12:44
【问题描述】：

经过大量搜索，我没有得到禁用primeng分页的正确答案。

【问题讨论】：

你能解释一下你的要求吗？比如你想禁用分页按钮或者你想隐藏分页器？
不隐藏，要禁用。

【解决方案1】：

PrimeNG 分页器中不直接提供此功能。我已经使用小技巧来实现它：

// Once data has been assigned to the table
this.data = mydataFromService;

setTimeout(()=>{
    $(".ui-paginator-element").addClass('disabled'); 
    // You can use index if you want to disable a particular button/link
}, 0);

// In some CSS file
.disabled {
    pointer-events: none; // mandatory: prevents from click event to trigger
    cursor: not-allowed; // optional: if you want cursor to indicate 'disabled'
}

注意：
使用自定义类而不是 ui-state-disabled，因为它会覆盖特定场景。

场景：
您在第一页 - First 或 < 指示器默认使用类 ui-state-disabled 禁用。

现在一旦禁用，如果您尝试启用分页，则必须像这样删除 'ui-state-disabled' $(".ui-paginator-element").removeClass('disabled');

这将启用错误的First 或< 元素。所以最好改用自定义类。

【讨论】：

使用ui-state-disabled，只有链接看起来像被禁用但实际上不是。它们仍然是可点击的，甚至是新的数据加载。尝试过其他解决方案吗？
我们可以添加另一个类并添加一些css属性，例如 .someClass{ pointer-event:disabled;游标：游标：不允许； } $(".ui-paginator-element").addClass('someClass');
cursor: not-allowed; 对我来说不是必需的，但 pointer-events:none; 工作得很好。谢谢。
我已经更新了答案，请接受这个答案，这也可能对某人有所帮助。 @KunalDethe
我已经编辑了您的最新答案并进行了一些详细说明，请检查。恢复它并接受更新的答案。谢谢。