Building Table Views with Phoenix LiveView (PragProg)

Peter Ullrich (@PJUllrich)

edited by Michael Swaine @michaelswaine

Data is at the core of every business, but it is useless if nobody can access and analyse it. Learn how to generate business value by making your data accessible with advanced table UIs. This definitive guide teaches you how to bring your data to the fingertips of non-technical users with advanced features like pagination, sorting, filtering, and infinity scrolling. Build reactive and reuseable table components by leveraging Phoenix LiveView, schemaless changesets, and Ecto query composition. Table UIs are the bread and butter for every web developer, so it is time to learn how to build them right.

As a web developer, you have to build tables. Lots and lots of tables. With table UIs making up such a significant part of your daily work, you need to know how to build the right table for the task, with all the needed features. Building a simple table is easy, but tables only become really useful with advanced features like pagination, sorting, and filtering. That’s where building a table can quickly become complicated. This book shows you how to implement advanced table features in a clean and reusable way.

You’ll build fast and interactive table UIs by leveraging Phoenix LiveView. Make vast amounts of data manageable with common but complex features like pagination, sorting, filtering, and inifinity scrolling. Use SOLID coding principles to make your queries reusable with query composition. Compartmentalise your UI with LiveComponents and learn how to handle user input securely with schemaless changesets. Share your view onto the data painlessly by storing your search parameters in the URL.

Data is one of the most valuable assets of your business, but you cannot unlock its potential if you don’t know how to make it accessible. This book shows you how to deliver that data to your users’ fingertips quickly.

Peter Ullrich is a senior backend developer from Germany. He loves sharing his Elixir knowledge through conference talks, workshops, blogs, YouTube channels, and podcasts. His speciality is breaking down complex topics into smaller and easy to understand parts. His dream is to make programming approachable for everyone.

Don’t forget you can get 35% off with your Devtalk discount! Just use the coupon code “" at checkout :+1:


Coupon didn’t work. Excited about the book anyway!

1 Like

I guess the total is not enough to receive the discount.

I have added a book on Nerves to my command, and got the discount on the 2 books…

1 Like

@StevenNunez Would you mind contacting so we can help straighten out the promo code issues. We just tested d e v t a l k . c o m and it worked for us, so not sure what went wrong. Very sorry that you had trouble using the code though. There is no minimum purchase required to get the discount.


Can confirm. The coupon worked for me too.

1 Like

The coupon worked for me. Thanks!

1 Like

It would be neat to have a ‘base’ project to start with. It’s straightforward enough to generate + copy the seed over. But it would reduce some friction and saves jumping ahead of where you are to work out what you needed to start with. Great topic though - picked up the book!


Have you thought about using surface | Hex? I think it would be a great fit.

1 Like

Bought a copy, looks great

1 Like


I’m not sure that the author, Peter Ullrich, checks the Elixir forum for comments, so if you have something that you’d like him to see, you may want to post it over here too: Building Table Views with Phoenix LiveView Book Portal | Devtalk

The main DevTalk page is where most authors know to go to look for comments.

1 Like