knoebber

knoebber

I have a table component that can apply custom sorting. Each <th> element has a patch link that leads to a new URL, E.G, http://localhost:4000/runs?order=desc&order_by=miles or http://localhost:4000/runs?order=asc&order_by=miles

I accomplished this by passing the table component an anonymous function that generates a route given a map of params, which is then passed to an internal lib function that generates the filter map. Here’s an example of how I use the component in a LiveView:

<.table 
   rows={@runs} 
   get_route={fn filter -> ~p"/runs?#{filter}" end} # anonymous function that makes next order
   filter={@filter} #  map of URL params - <.th> uses this to render the current order
  >
  <:col :let={run} label="Miles" order_col="miles">
    <.link navigate={~p"/runs/#{run.id}"}>
      <%= run.miles %>
     </.link>
  </:col>
  ....
</.table>

Is there a better way to do this? Does it make any difference if I instead declare a named get_route function in the module? Here’s an abbreviated version of my component:

  defp get_next_sort_link(get_route, filter, order_col) do
    filter
    |> Filter.apply_sort(order_col) # returns a map
    |> get_route.() # applies the anonymous function
  end

  attr :filter, :map, default: %{}
  attr :rows, :list, required: true
  attr :get_route, :any, default: nil # is there a better type than 'any' ?

  slot :col do
    attr :label, :string, required: true
    attr :order_col, :string
  end

  def table(assigns) do
    <table>
      <thead>
        <tr>
          <%= for col <- @col do %>
            <.th
              order={Filter.current_order(@filter, Map.get(col, :order_col, nil))}
              next_sort_link={
                get_next_sort_link(
                  @get_route,
                  @filter,
                  Map.get(col, :order_col, nil)
                )
              }
            >
              <%= col.label %>
            </.th>
          <% end %>
 ...
end

This all works and doesn’t cause any problems as far as I can tell, but I’m wondering if there is a better way. Thx!

Where Next? Top

Trending in Questions Top

RSP87
I’m working on a project that simulates the bumbl example in the programming phoenix book. It acts almost like an email client. We have a...
New
nseaSeb
Hello, I know there is an approach for handling lists that allows for optimized traversal, but I can’t recall the specific method (somet...
New
brecabral
Documentation While reading the Scoped Routes section, I noticed that the documentation currently refers to a problem without explainin...
New
kpanic
Hi everyone, I am toying with the idea of building a “match maker” for giving personal help to people that wants to start coding. I sta...
New
velrest
So my question is quite simple and i have found no conclusive answer on forum, google or AI. Should we use :erlang.float for Integer to ...
New
asweet-confluent
I recently noticed that Elixir’s Logger defaults its primary log level to :debug when no :logger, :level application configuration is pre...
New
apz
I’m new to elixir and just tried to install the elixirLS extension for VScode(ium) and it is throwing some errors that I would like help ...
New

Other Trending Topics Top

GenericJam
Edit: 2026 May 15 - This post is archived. Mob is alive!! Main docs: mob v0.7.11 — Documentation A bit of explanation for the slightly c...
New
JesseHerrick
Hey, I’m Jesse and I’m the main contributor behind Dexter, a full-featured, lightning-fast Elixir LSP optimized for large codebases. It s...
New
mudasobwa
I am happy to introduce the very α version of the new programming language compiled to BEAM. Welcome Cure. It has literally three kille...
New
garrison
Hobbes is a low-level distributed database for the Elixir programming language. Hobbes provides a simple, safe, and scalable storage lay...
New
marciok
Hi there! We created Gust: A task orchestrator inspired by Airflow. For those who have never heard about Aiflow, it’s a Python-based wor...
New
mhanberg
Hi everyone! The first release candidate for the Expert language server project is now available! We’ve published a press release detai...
New

We're in Beta

About us Mission Statement

Options

Thread Display Mode




Thread Preview

Skip Thread Previews