«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как использовать фильтры в таблицах данных PrimeReact

Как использовать фильтры в таблицах данных PrimeReact

Опубликовано 2 ноября 2024 г.
Просматривать:687

Я написал очень длинный пост, а затем решил, что изображение стоит тысячи слов, вот и все.

How to use Filters in PrimeReact DataTables

Хотя изображения, загруженные на dev.to, уменьшены, так что, возможно, это стоит всего 250 слов.

Целью этого поста было уменьшить головную боль, вызванную вещами, не упомянутыми в официальной документации. В Интернете не хватало ресурсов для правильного использования фильтров с компонентами MultiSelect и Dropdown с более чем простой настройкой структуры данных. Поэтому я использую этот пост как ресурс для себя и всех, кому он может оказаться полезным в будущем.

Если вы посмотрите на верхний левый угол этого изображения, то увидите строку[], содержащую названия фруктов, это потому, что вы также можете использовать строку[] вместо Object[] для списка элементов фильтра. Я не стал подробно останавливаться на этом, потому что официальная документация достаточно хорошо справляется с этой задачей.

Я пытался охватить то, что не удалось охватить в документации.

Вот рабочая демо-версия, в которой вы можете поиграть и лучше понять все это. Я постарался охватить как можно больше разных ситуаций.

Заявление о выпуске Эта статья воспроизведена по адресу: https://dev.to/adelbeit/how-to-use-filters-in-primereact-datatables-mhp?1. В случае нарушения авторских прав свяжитесь с [email protected], чтобы удалить ее.
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3