Fatal编程技术网
  • angular/
  • Angular 如何在Prime NG中禁用分页？

Angular 如何在Prime NG中禁用分页？

angular pagination

Angular 如何在Prime NG中禁用分页？,angular,pagination,primeng,Angular,Pagination,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 disab

在进行了大量搜索之后，我没有得到禁用预分页的正确答案。

此功能在预分页器中不直接可用。我使用了小技巧来实现它：

// 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
，只有链接看起来像是禁用的，但实际上不是。它们仍然可以单击，甚至可以加载新数据。尝试了其他解决方案吗？我们可以添加另一个类并添加一些css属性，如.someClass{pointer event:disabled；cursor:cursor:not allowed；}$（“.ui paginator元素”）.addClass（'someClass'）<代码>光标：不允许但
指针事件：无工作得很好。谢谢。我已经更新了答案，请接受这个答案。这可能也会有帮助@Kunaldeshei已对您的最新答案进行了详细编辑，请检查。回复并接受更新后的答案。谢谢