在PrimeNG表中过滤后自定义排序不起作用
PrimeNG是一个基于Angular的开源UI组件库，提供了丰富的UI组件和功能，包括表格（Table）组件。
在PrimeNG表格中，过滤和排序是常见的功能需求。过滤功能可以帮助用户根据特定条件筛选出所需的数据，而排序功能可以按照指定的规则对数据进行排序。
对于在PrimeNG表中过滤后自定义排序不起作用的问题，可能有以下几个方面的原因和解决方法：
- 数据源问题：首先要确保数据源是正确的，并且包含了需要排序的字段。如果数据源不正确或者缺少排序字段，那么自定义排序就无法起作用。可以通过检查数据源和字段是否正确来解决这个问题。
- 排序函数问题：PrimeNG提供了自定义排序的功能，可以通过自定义排序函数来实现。在使用自定义排序函数时，需要确保排序函数的正确性。可以检查排序函数的实现逻辑，确保它按照预期的方式对数据进行排序。
- 组件配置问题：在使用PrimeNG表格时，可能需要对组件进行一些配置，以启用过滤和排序功能。可以检查组件的配置项，确保过滤和排序功能已经正确地启用。
- 版本兼容性问题：如果使用的是PrimeNG的旧版本，可能存在一些已知的问题和限制。可以尝试升级到最新版本，以解决可能存在的版本兼容性问题。
总结起来，要解决在PrimeNG表中过滤后自定义排序不起作用的问题，需要确保数据源正确，排序函数正确，组件配置正确，并且考虑版本兼容性。如果问题仍然存在，可以进一步查阅PrimeNG的官方文档、社区论坛或者向PrimeNG的开发团队寻求帮助。
腾讯云相关产品推荐：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse
相关·内容
1回答
自定义排序和筛选可以单独工作，但在应用本地筛选器之后，自定义排序就不起作用了。在控制台上打印排序输出时，它会给出预期的输出，但前端没有更新相同的输出。
下面是针对这个问题的stackblitz实现：
浏览 25提问于2021-06-08得票数 0
回答已采纳
1回答
我想用PrimeNG和Angular 6构建带有排序功能的树形表。TreeTable在PirmeNG中，但我想要全局搜索过滤器，这样内部节点就可以很容易地被搜索到。我尝试了ng-treetable，但它不起作用。
浏览 4提问于2018-10-12得票数 0
我正在使用PrimeNG创建一个表。我希望允许用户按列进行排序和过滤。我可以成功地进行排序，但是当我尝试在任何列的过滤器文本输入中键入时，输入失去了焦点，并且该列被排序。我进行了一些调试，似乎只要在表头捕获到单击，primeNG的排序功能就会被激活。因为我的过滤器输入在标题中，当我试图点击它开始输入时，它激活了排序，我失去了焦点。Stackblitz复制：https:/&
浏览 32提问于2020-01-23得票数 0
回答已采纳
4回答
<td>{{box.DateInserted | date}}</td> </ng-template>目前，Turbo只提供了几种在过滤器中使用的匹配模式我使用的是日期对象(我在表中用DatePipe表示)。现在，这些匹配模式中没有一个提供了正确比较日期对象的选项。
解决方法是将日期存储为字符串，然后进行筛选。那么，在TurboTable中
浏览 1提问于2018-03-29得票数 3
回答已采纳
2回答
我使用的是带有角5的PrimeNG 6.0.2，并且Table插件有问题。我切换到Table，因为不推荐DataTable。现在，我不能像以前那样访问过滤过的值。假设我通过ViewChild在组件中定义了表：使用DataTable，我只需访问保存已排序和筛选数据的_value属性：_value[index] = ...;
但是现在，这个属性只保存排序数组，而我必须使用f
浏览 2提问于2018-08-06得票数 10
2回答
我可以很容易地使这些值中的任何一个出现在表中(例如client.address.city)，但是由于它们是address对象的一部分，所以我无法根据这些值进行筛选或排序。这是目前材料2所提供的扁平数据，使用户能够过滤/排序。
浏览 0提问于2018-04-10得票数 1
回答已采纳
4回答
如何在数据表中使用PrimeNG的默认筛选器进行过滤后获得行数。示例:最初totalRecords为50，过滤后no.of记录在数据表中显示为15，但我无法得到值15，而只能得到50。
浏览 0提问于2018-07-19得票数 5
回答已采纳
我使用数据源类向网格提供数据，在getRows()函数中，我正在计算要返回当前页面的行。这样做的问题是过滤/排序只适用于当前页面。在getRows()函数中的排序筛选中，我找不到任何方法使用网格构建来过滤整个数据集来返回正确的数据。这似乎是一个基本的特征。数据表和PrimeNG网格都是开箱即用的。实际上，如果您希望筛选/排序应用于整个数据集(这是最流行的用例imo)，则似乎无法将
浏览 1提问于2017-01-24得票数 1
回答已采纳
我在用PrimeNG的p-table。该表目前有两列的默认排序，但是第三列数据应该按照状态(High，中度，Low)进行排序。现在我需要在这个列上实现排序，但这必须是一个基于自定义逻辑的排序。我知道p-table在表级别提供了这个特性，但在列级别上我不确定，如下所示：
<th pSortableColumn="status">Status<p-sortIcon field="status
浏览 7提问于2022-06-21得票数 0
我在PrimeNg Datatable.As中的排序/过滤日期列中面临问题，我正在显示日期"dd/mm/yyyy“字符串。如果使用模板显示"dd/mm/yyyy“，则筛选器不作为过滤器处理实际的数据绑定，该数据绑定采用日期ISO格式。如果将数据从后端转换为字符串格式，则排序是不正确的，因为它对字符串进行排序而不是对日期进行排序。
浏览 2提问于2016-12-16得票数 4
回答已采纳
我正在为我的表使用DataTables 1.9.3。我也有一个自定义的(但接近你可以在datatables.net上找到的)。用于排序我的选择列的插件。
我的问题是，当我第一次排序我的列，然后对它进行过滤时，它不起作用。在排序之前分析filter函数中的aData，我可以看到它包含整个selec
浏览 0提问于2012-08-22得票数 0
回答已采纳
我有一个要求，能够显示，排序，编辑和添加新的行到一个表，以获取/存储它的数据在数据库中。
我已经考虑过在angular 2中使用ag-grid，并且我能够显示和排序没有问题。其次，我听说过primeNG的好消息，但我已经在使用ng2-bootstrap组件了。两者都用是个坏主意吗？
浏览 10提问于2016-06-23得票数 1
1回答
可以在DataTable中自定义PrimeNG过滤器吗？我需要过滤来自p-dataTable外部或其他组件的数据，比如将过滤左舷右侧datatable的左舷(见附图)。
浏览 2提问于2017-08-24得票数 0
回答已采纳
根据模型属性的索引元素，我希望在PrimeNG表中实现数据过滤。"labelValue":"A random label 2" ]}到目前为止，我一直使用单个对象属性过滤</e
浏览 4提问于2021-12-15得票数 1
回答已采纳
我正在开发一个基于PrimeNG UI库的角度应用程序。它实现了几个包含表的页面，例如UsersComponent、AccountsComponent、TweetsComponent等。为了实现组件的可重用性，我创建了一个通用的TableComponent类，它实现了PrimeNG表，并向该表组件添加了自定义功能，如过滤器、排序等。我将在哪里创建这些方法，以及如何在子组件中调用它们？
浏览 6提问于2022-09-23得票数 2
回答已采纳
我使用的是表Primeng datatable，并且需要实现对列的过滤。 问题是我启用了ViewEncapsulation.ShadowDom，但没有为过滤器提供样式，就像根本没有css一样。但是对于表，您可以在我的历史记录中看到一些样式-changes.Component.css，我导入了样式。@import '~bootstrap/dist/css/bootstrap.min.css';
@import '~prim
浏览 23提问于2021-09-09得票数 0
0回答
有没有什么例子可以让表数据在primeng中隐藏、显示或重新排序后持久化？例如:如果有一个包含3列Id、名称和类型的树表，并且通过切换，我使用切换选项隐藏了ID列，并且如果我刷新了页面，则该表应该只带有名称和类型。是否有任何api可用于动态获取每个隐藏和显示以及重新排序的列数据？请提供一个例子，这将是非常有帮助的。
浏览 8提问于2018-07-07得票数 0
我有一个带有PrimeNg库的Angular项目，我想使用p-dropdown组件，我将其导入到app.module文件中，如下所示： DropdownModule,
当我在html文件上使用它时：
<div class="charts-dropdown">
浏览 31提问于2020-05-21得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
