TopTierTools Logo

TopTierTools

Login
Back to Products

moodle-local_sortable

moodle

Effortless, dynamic table sorting in Moodle

Sortable.js Integration Plugin for Moodle

Plugin Name: local_sortable

Description

The Sortable.js Integration Plugin (local_sortable) enhances the Moodle experience by integrating Sortable.js, a lightweight and efficient JavaScript library for creating sortable tables. With this plugin, users can enable sortable tables across Moodle pages effortlessly, enhancing data interactivity and user experience.

Features

  • Automatically integrates Sortable.js and its accompanying CSS styles across Moodle.
  • Adds sorting functionality to any table with the sortable class.
  • No additional configuration is required—simply install and use.
  • Fully compatible with Moodle’s dynamic table generation.

Installation

  1. Download the Plugin

    • Visit the Releases Section on GitHub.
    • Download the appropriate release .zip file for your Moodle version.

  2. Upload to Moodle

    • Log in to your Moodle site as an administrator.
    • Navigate to Site Administration > Plugins > Install plugins.
    • Upload the downloaded .zip file and follow the prompts to complete the installation.

  3. Complete Installation

    • After the upload, Moodle will guide you through the plugin installation process.
    • Review the installation report and click Continue.

  4. Purge Caches (Optional)

    • Navigate to Site Administration > Development > Purge all caches to ensure the plugin is fully functional.

Usage

  1. Add the sortable class to any table within Moodle content:

    <table class="sortable">
    <thead>
        <tr>
            <th>Name</th>
            <th>Role</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>John Doe</td>
            <td>Instructor</td>
        </tr>
        <tr>
            <td>Jane Smith</td>
            <td>Student</td>
        </tr>
    </tbody>
</table>

  2. Once the page loads, Sortable.js will enable column sorting for the specified table.

  3. Customize table behavior using Sortable.js options directly in your HTML, such as disabling sorting for specific columns:

    <th class="no-sort">Role</th>

Support

For questions, issues, or feature requests, please contact:
Email: support@toptiertools.company

License

This plugin is released under the GNU General Public License v3 or later.
See GNU GPL v3 for details.

Here’s the updated README with the simplified installation instructions suitable for a public audience: