[Koha-devel] Responsive DataTables

[dcook at prosentient.com.au]

It would probably take me at least 10x longer to write it than someone more familiar with Koha's front-end, and even then it might not be good enough to pass QA, but I might end up doing that. 

David Cook
Senior Software Engineer
Prosentient Systems
Suite 7.03
6a Glen St
Milsons Point NSW 2061
Australia

Office: 02 9212 0899
Online: 02 8005 0595

-----Original Message-----
From: Jonathan Druart <jonathan.druart at bugs.koha-community.org> 
Sent: Monday, 9 May 2022 6:40 PM
To: David Cook <dcook at prosentient.com.au>
Cc: Owen Leonard <oleonard at myacpl.org>; Koha-devel <koha-devel at lists.koha-community.org>
Subject: Re: [Koha-devel] Responsive DataTables

Yes, good idea. Write the patch! :D

Le lun. 9 mai 2022 à 04:18, <dcook at prosentient.com.au> a écrit :
>
> Hi all,
>
>
>
> A librarian pointed out to me that the table in the OPAC cart is not responsive (ie the table flows off the edge of the screen).
>
>
>
> I took a little look online and it looks like DataTables does have 
> mobile support: 
> https://datatables.net/extensions/rowreorder/examples/initialisation/r
> esponsive.html
>
>
>
> I needed to add “responsive: true” to the DT initialisation and include https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js but it mostly worked.
>
>
>
> I think we’d need to play around a bit with “dtr-control” (https://datatables.net/extensions/responsive/examples/child-rows/column-control.html) so that we could show columns that can’t fit onto the screen. But that probably wouldn’t take that much work.
>
>
>
> What do people think? It looks like it would be a great addition to Koha.
>
>
>
> David Cook
>
> Senior Software Engineer
>
> Prosentient Systems
>
> Suite 7.03
>
> 6a Glen St
>
> Milsons Point NSW 2061
>
> Australia
>
>
>
> Office: 02 9212 0899
>
> Online: 02 8005 0595
>
>
>
> _______________________________________________
> Koha-devel mailing list
> Koha-devel at lists.koha-community.org
> https://lists.koha-community.org/cgi-bin/mailman/listinfo/koha-devel
> website : https://www.koha-community.org/ git : 
> https://git.koha-community.org/ bugs : 
> https://bugs.koha-community.org/