Comments (26)
Adding a filter was planned, but it hasn't been done yet. There is a lot to modify inside and outside the grid, but the time is limited, so it is difficult to do it alone.
I will try.
from pluto_grid.
yes, it is very important for every project. Hope it will be soon
from pluto_grid.
@amasahara Yes, filter types will be added.
from pluto_grid.
Hope it will be soon
from pluto_grid.
Yes I am working on it.
from pluto_grid.
As we want to use this Grid in one of our Products and we also need to filter per column i would like to get insight to your plannings on this and if possible would like to help on this issue
from pluto_grid.
I will share the status I am working on.
https://weblaze.dev/pluto_grid/build/development/index.html
In the link example above, tap the icon on the right of the column to display the menu.
If you tap SetFilter from that menu, a pop-up appears where you can set the filter.
There is more to work.
Add test code, improve performance, and visually represent filters applied.
The branch I'm working on is feature/filtering.
I welcome your comments or help.
Thank you.
from pluto_grid.
Visual effects have been added when filters are applied to the column.
The filter icon appears to the right of the column heading.
When you tap the icon, the column setting popup appears.
https://weblaze.dev/pluto_grid/build/development/index.html
If that doesn't work, try resetting the web cache.
from pluto_grid.
Thank you very much! i will have a closer look at it
from pluto_grid.
that is help me very much for filter with big data, but if you can make an text field under header column, that will be better than this because it take me less time for click into multiple column header, and more easy for user when they want to change their value filter. Seem it also hard for user when use filter fuction if they want to filter. hope you can make an textfield and when they change value on filed, you can make an clear filter button for clear all of filter on each textfield
from pluto_grid.
@amasahara
I will consider making it possible to set up both the pop-up filter and the one you suggested.
from pluto_grid.
because end user they not know much it will take many time for make FAQ or contact to end user know how to use this function. Thank you very much for your help. I think if you can make like i suggested, popup will be unnecessary because it will be always search as content, not much people want popup. It hard for use with end user
from pluto_grid.
Added filtering TextField below the column.
You can check it out in the Column filtering or Add and Remove Rows example in the link below.
https://weblaze.dev/pluto_grid/build/development/index.html
I will add test code, and if there is no problem with operation and performance, I will distribute it.
from pluto_grid.
performance is very good, filter very fast, i try with more 10.000 row, seem can you lowercase filter or i can custom filter value because my language need some special custom
from pluto_grid.
Updated 1.0.0-pre.8.
from pluto_grid.
File not found. Please check link demo for grid filter!
from pluto_grid.
https://bosskmk.github.io/pluto_grid/build/preview/index.html
check out the above link.
v1.0.0-pre.8
from pluto_grid.
It's so nice.
- By text column, it's ok but should have a small button to popup value for select
- By date column, you should have a range filter value
Maybe can use range date picker - By checkbox column, you should have a fast checkbox
Thanks for your work hard.
from pluto_grid.
@gcomm-trile
Thanks for the good comment. I will refer to.
from pluto_grid.
@bosskmk I used version pluto_grid: ^1.0.0-pre.8 and set enableFilterMenuItem is true but my UI dont have filter textfield below header.
from pluto_grid.
enableFilterMenuItem is an option to enable an item in the context menu on the right side of the column. (Drop down)
body: PlutoGrid(
columns: columns,
rows: rows,
onLoaded: (PlutoOnLoadedEvent event) {
event.stateManager.setShowColumnFilter(true);
},
onChanged: (PlutoOnChangedEvent event) {
print(event);
},
configuration: PlutoConfiguration(
/// If columnFilters is not set, default filters are set.
/// The following is an example to add a custom filter.
columnFilters: [
PlutoFilterTypeContains(),
PlutoFilterTypeEquals(),
PlutoFilterTypeStartsWith(),
PlutoFilterTypeEndsWith(),
YourCustomFilter(),
],
),
),
You can enable or disable it with the stateManager in onLoaded (dynamically).
event.stateManager.setShowColumnFilter(true);
Additionally, if enableFilterMenuItem is set to false, TextField appears under the column, but it is disabled.
from pluto_grid.
Thanks for your response. now it's work. By typing filter textfield under header,can I customize filter type for each column ? Sometime I need example Column A filter by StartsWith, column B filter by Contains. I think it will be flexible.
from pluto_grid.
Would you like to set different filters applied to the TextField below the column?
It needs work.
Also, in the select pop-up that selects a filter for each column in the filter setting pop-up, the filter must appear differently for each column.
This also needs work.
These things are being planned.
from pluto_grid.
https://bosskmk.github.io/pluto_grid/build/preview/index.html
check out the above link.
v1.0.0-pre.9
[ChangeLog]
https://github.com/bosskmk/pluto_grid/blob/master/CHANGELOG.md
from pluto_grid.
This issue is stale because it has been open for 30 days with no activity.
from pluto_grid.
This issue was closed because it has been inactive for 14 days since being marked as stale.
from pluto_grid.
Related Issues (20)
- [Bug] Unexpected null value. rightFrozenLeftOffset HOT 2
- [Bug] Back button not working when Navigating to a Page with PlutoGrid on Android HOT 6
- > Still not resolved
- [Feature] Please add Korean language.
- Row height and styling [Help] HOT 1
- Please add a onEdit() callback to enable checks and formatting during editing HOT 1
- pluto_grid_export is not compatible with Flutter 3.22.2 and Dart 3.4.3 HOT 1
- [Bug] Using arrow keys to move around the Linux grid HOT 1
- how optimize for a huge number of records HOT 1
- 分页按钮颜色是不是不可以调整[Feature] HOT 2
- [Help] open Editing Mode on spec column (All Row ) by one click ! HOT 2
- [Help] Can we create a custom widget in cells instead of standard ones like text, number, date, time, etc? HOT 2
- [Help] how can i make the rows update automatically when a provider value changes HOT 2
- Showing two lines at the end HOT 2
- [Help] How to write text to filter field of the grid? HOT 1
- How can i set fontWeight: FontWeight.bold in PlutoRow => PlutoCell ?[Help] HOT 2
- [Bug] HOT 1
- [Help] HOT 1
- [Help] header or Footer in TextField can't editing on Flutter Web HOT 1
- Onchanged function is not called correctly HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pluto_grid.