Improving Moodle tables with YUI and AJAX

Improving Moodle tables with YUI and AJAX

by Albert Aubanell -
Number of replies: 3
In this little Moodle modification we are trying to improve the tables that are displayed in Moodle pages.

We have tested two methods ( Client-side and Server-side ).

- Client-side method uses YUI JavaScript library with the object DataTable.
- Server-side method uses AJAX calls to server.

We only have implemented it for the table that is shown when you login Moodle as Administrator and go to:
Users -> Accounts -> Browse list of users

Instructions on how to install and backup files are included in the ZIP.
Tested in Moodle 1.8+ with YUI library updated to v2.2.2 (included in ZIP)

Download it: improving_moodle_tables.zip

Moodle table using YUI DataTable object

Here is some features (using YUI library):

-> client-side pagination & sorting
-> customizable CSS (I customized it to Moodle style)
-> resizable columns with drag&drop in table header
-> change "rows perpage" parameter on the fly
-> hideable columns (right click on table header)

Average of ratings:Useful (2)
In reply to Albert Aubanell

Re: Improving Moodle tables with YUI and AJAX

by Urs Hunkler -
Picture of Core developers
Hello Albert,

your description sounds very interesting. I can't download your zip becaus you saved it in your protected Moodle course area.

You may consider attaching your zip to your posting here or saving the zip in the startpage file area which is open to the public.

Looking foreward to see your code.
In reply to Urs Hunkler

Re: Improving Moodle tables with YUI and AJAX

by Albert Aubanell -
Oups!, sorry. You are true.
Here is a provisional link that works ok!


I can't attach the file in this post because the maximum filesize allowed is only 100 Kb.
Is there a way to modify the original download link of the first post?


Average of ratings:Useful (1)
In reply to Albert Aubanell

Re: Improving Moodle tables with YUI and AJAX

by Urs Hunkler -
Picture of Core developers
Thanks a lot. I'll have a closer look later.

Your variable names in the files look very Spanish wink