woylie

woylie

Flop.Phoenix - UI components for pagination, filter forms and sortable tables

Phoenix components for pagination, sortable tables and filter forms with Flop and (optionally) Ecto.

  • pagination
  • cursor pagination
  • sortable tables
  • filter forms

Most Liked

woylie

woylie

Flop Phoenix 0.24 is out. This and the next releases will focus on cleaning up some cruft that was accumulated over the years. The first version didn’t even consider LiveView, and we were all still writing content tags back then. Some early design decisions turned out to be a bit awkward in LiveView years later. On the road to 1.0, I’ll try to get rid of that baggage. The second focus will be to rethink the approach to component customization.

Highlights in 0.24 are new features to facilitate building custom pagination components in case the default pagination component doesn’t fit your use case, as well as some extensive internal refactoring.

Full changelog:

https://hexdocs.pm/flop_phoenix/changelog.html#0-24-0-2025-02-01

woylie

woylie

Flop.Phoenix 0.18.0 was released. Apart from some under-the-hood updates, the main change is the updated filter_fields component, which now produces the Phoenix.HTML.FormField struct introduced in Phoenix.HTML 3.3.0.

This release deprecates Flop.Phoenix.pop_filter/2 in favor of the updated Flop.Filter.pop/3 function, which will be released with Flop 0.20.0 soon.

woylie

woylie

Flop Phoenix 0.20 introduces on_paginate and on_sort attributes for executing JS commands during pagination or table column sorting. This can be used for scrolling the top of the table into view when paginating, for example. An example for exactly that use case can be found in the documentation.

It’s also possible to dynamically set row and cell attributes depending on the current row item now.

linusdm

linusdm

Just wanted to drop a line and say the new <filter_fields .../> works great, and integrates nicely with the new phoenix 1.7 <.input .../>. Thanks for the short “how to upgrade” section in the changelog. Keep it up!

woylie

woylie

Where Next?

Popular in Libraries Top

mhanberg
I just released the first version of Temple: an HTML DSL for Elixir and Phoenix! You can read this blog post or the docs for more info...
New
zoltanszogyenyi
Hey everyone :wave: Excited to join this forum - I am one of the founders and current project maintainers of a popular and open-source U...
New
tompave
Hello there, I would like to share a feature toggles library (AKA feature flags) I’ve been working on. The main package is FunWithFlags...
New
deadtrickster
I’ve just released stable versions of my Prometheus Elixir libs: Elixir client [docs]; Ecto collector [docs]; Plugs instrumenter/Export...
New
sabiwara
Dune is a sandbox for Elixir and aims to safely evaluate user-provided code. You can try it out using this basic Elixir playground made ...
New
OvermindDL1
Been making an MLElixir thing (not released yet…) for fun in spare time in the past day. I’m just trying to see how much I can get an ML...
132 13487 106
New
josevalim
EDIT: since Ecto 3.0 final version is out, this post was amended to use the final versions in the instructions below. Hi everyone, We a...
New
woutdp
Hi! I wanted to introduce my latest project LiveSvelte. It allows you to render Svelte inside LiveView with end-to-end reactivity. It’s ...
New
bryanjos
Hi, I wanted share a small library we at Revelry Labs made for rendering react components from the server side. There are instructions fo...
New
mattludwigs
Grizzly is a library for working with Z-Wave devices. Z-Wave is a low-frequency radio protocol for controlling smart home devices on a me...
New

Other popular topics Top

JDanielMartinez
Hi! May someone helps me, please! I have two apps into an umbrella project: the first one is Database, which manages queries, and the se...
New
vonH
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
New
yawaramin
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
New
malloryerik
Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...
New
SoCreat
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
New
Jim
As a follow up to my earlier question: I have the code compiling and running but not getting a successful login from the rest server. ...
New
rms.mrcs
Hi, I need to transform a list of numbers into a map where the keys are the indexes and the values are the original values of the list....
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
msaraiva
Surface is an experimental library built on top of Phoenix LiveView and its new LiveComponent API that aims to provide a more declarative...
564 42633 214
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New

Sub Categories:

We're in Beta

About us Mission Statement