Seguindo o exemplo descrito em https://po-ui.io/documentation/po-table?view=doc, especificamente usando o modelo PO-Table - Heroes, estou tentando fazer uma pesquisa numa base com mais de 20 mil registro em uma tabela de 4 colunas, na primeira pesquisa o resultado é satisfatório, porém, o sistema mantém no campo de pesquisa o primeiro texto informado e ao tentar limpá-lo seja através do botão "X" ou teclando backspace a tela praticamente congela e demora muito para liberar para realização de uma nova pesquisa.
Segue abaixo a lista de dependências do app:
"dependencies": {
"@angular/animations": "~18.0.1",
"@angular/common": "~18.0.1",
"@angular/compiler": "~18.0.1",
"@angular/core": "~18.0.1",
"@angular/forms": "~18.0.1",
"@angular/platform-browser": "~18.0.1",
"@angular/platform-browser-dynamic": "~18.0.1",
"@angular/router": "~18.0.1",
"@po-ui/ng-components": "^18.6.0",
"@po-ui/ng-templates": "^18.6.0",
"@po-ui/style": "^18.6.0",
"@totvs/po-theme": "^18.6.0",
"@totvs/protheus-lib-core": "^17.3.2",
"axios": "^1.6.8",
"csv-parser": "^3.0.0",
"docx": "^8.5.0",
"docxtemplater": "^1.2.0",
"elkjs": "^0.8.2",
"file-saver": "^2.0.5",
"html-docx-js": "^0.3.1",
"html-to-json": "^0.6.0",
"html2canvas": "^1.4.1",
"html2pdf.js": "^0.10.1",
"mammoth": "^1.7.2",
"numeral": "^2.0.6",
"papaparse": "^5.4.1",
"pizzip": "^3.1.7",
"rxjs": "~7.8.1",
"subsink": "^1.0.2",
"tslib": "^2.6.2",
"xlsx": "^0.18.5",
"zone.js": "~0.14.4"
},
"devDependencies": {
"@angular-devkit/build-angular": "~18.0.2",
"@angular/cli": "~18.0.2",
"@angular/compiler-cli": "~18.0.1",
"@types/events": "^3.0.3",
Abaixo trecho do html:
<po-table
#POItemsOri
[p-columns]="columnsSB1"
[p-infinite-scroll]="true"
[p-selectable]="true"
[p-hide-select-all]="true"
[p-hide-table-search]="false"
[p-infinite-scroll-distance]="80"
(p-selected)="changeOptions($event, 'new')"
(p-unselected)="changeOptions($event, 'change')"
[p-height]="200"
[p-items]="items"
(p-delete-items)="deleteItems($event)"
[p-hide-action-fixed-columns]="true"
p-text-wrap="true">
</po-table>