Is it possible to add attributes to the links in the th? about django-tables2 HOT 6 OPEN

Since I am planning to also use HTMX or Unpoly (haven't figured out yet which one, if you have any insight into this I'd be interested to hear) in the near future I am also interested in this.

Personally, I'd prefer having support for adding extra attributes to the a in th vs. having to copy-and-paste the template to add this.

For HTMX it seems there might be a few more attributes required: https://enzircle.com/responsive-table-with-django-and-htmx

from django-tables2.

I don't see much movement on this issue. However, for people that want some kind of solution to that there's a simple one, use up.compile like this:

up.compiler('.pagination .page-item a.page-link', (link) => {
  link.setAttribute('up-follow', link.href)
  link.setAttribute('up-target', ".table-container")
})

up.compiler('th.orderable a[href]', (link) => {
  link.setAttribute('up-follow', link.href)
  link.setAttribute('up-target', ".table-container")
})

I'd still like a python solution for non-unpoly usage but if you're using unpoly this solution is the best!

from django-tables2.

Hey @mschoettle my understanding is that adding a way to pass the options to the proper element in the header or pagination should cover the requirements of both unpoly and htmx or intercooler.

Now on using unpoly vs htmx I have chosen unpoly because it is simpler to integrate and debug (it doesn't really need anything on the server-side since all requests will retrieve the full response) and I really like the Unpoly overlays feature (https://unpoly.com/up.layer) because it allows opening modals more or less for "free" (if you use bootstrap at least).

from django-tables2.

Thanks for the explanation! I'll have to give it a try again.

In the link above the HTMX attributes were added to the <th> tag instead of the <a> child. That should already be supported. Would that be an option for you?

from django-tables2.

Yes you are right, I saw it on the post. This is a good post btw but the fact that it needs so many changes on your project to integrate htmx makes it more or less impractical (that's mainly the reason I'd like to fix this issue).

Unfortunatley adding attrs on the th element doesn't work with unpoly: Since there's an element inside the any unpoly attrs I add on the will be ignored. Please notice that in the post it overrides the template to remove the and have only th .

Also even if it worked somehow, there's also the pagination problem :)

from django-tables2.

I'm also very interested in adding attributes to links in orderable columns.
In my case, it would be to add HTMX's hx-get attribute to allow reloading only the table instead of the whole page.

PS: I just realized I could achieve a similar result with hx-boost="true" and hx-swap="show:none" on the thead.

from django-tables2.