Comments (2)
Hello, how I would try to acheive that is by including each header as the first element of each related grid. That way they can be filtered out like the rest of the elements of the same grid.
from isotope.
@senojeel — The best way to do this would probably be to use the event binding for arrangeComplete
, then access the Isotope data (or even the click event, really) in order to see which filters are being used. Once you have this information, you could manually hide the sections/headings that you need to hide for the currently selected filter.
from isotope.
Related Issues (20)
- Can't get isotope to fill the whole width container HOT 3
- Isotope with pagination Next and Prev buttons HOT 7
- How to use URL hash with selects HOT 11
- Add vanilla JS examples to the docs for each Codepen example HOT 6
- Gallery not following HTML flow, footer ends up stuck at the top of the gallery, hidden by images. HOT 1
- Multiple SortBy: does not trigger sort HOT 2
- "window is not defined" when importing in next.js HOT 5
- Paginate Isotope Filter HOT 1
- https://unpkg.com/isotope-layout@3/dist/isotope.pkgd.js returns ERROR CODE 520 HOT 2
- isotope not always resizing as expected HOT 2
- cannot use for data with ssr HOT 1
- How can we use layout without DOM?
- Combine simple dropdown filter and multiselect dropdown filter with checkbox - first filter overwritten
- Vertical Only Positioning?
- Multiple dropdown/masonry galleries on 1 page
- Isotope resizising container images when applied to squarespace shop
- Error parsing data-masonry on row: SyntaxError: Expected property name or '}' in JSON at position 1
- 你们怎么解决的页面闪烁的问题?How do you solve the page flicker problem?
- How to scroll to a specific element during layout-animation? 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 isotope.