matfish/craft-tablecloth

Front-end datatables for your Craft content

2.2.3 2024-02-29 07:08 UTC

Requires

• ext-json: *
• craftcms/cms: ^4.0.0

Requires (Dev)

• codeception/codeception: ^4.1
• codeception/module-asserts: ^1.0.0
• codeception/module-phpbrowser: ^1.0.0
• codeception/module-yii2: ^1.1
• craftcms/commerce: 4.*
• vlucas/phpdotenv: ^3.0
• yiisoft/yii2-shell: ^2.0

proprietary

• Mat Fish

• datatables

README

Tablecloth is a powerful and flexible data tables solution built specifically for CraftCMS. It allows for building a front facing table or index page for any of Craft's native elements, as well as Products and Variants for Craft Commerce.

The plugin comes with a default table powered by Tailwind and AlpineJS. The user can override any component or the entire table, and even change the table layout to a card layout (e.g for displaying products). All table functionality can be triggered programmatically, including filtering, sorting, pagination and row selection, which allows for a complete separation of UI and behavior. The package supports creating "presets" of reusable tables that can be used across data sources.

The basic process of building a table/index usually consists of two steps:

1. Defining the table source (e.g Entries or Products), columns and options on Craft's backend.
2. (Optional, depending on the table) Creating twig templates for the table and/or specific columns or column types, with simple and declarative AlpineJS syntax.

The table can then be rendered anywhere in the page with a simple twig function.

Documentation

The full documentation can be found here.

License

You can try Tablecloth in a development environment for as long as you like. Once your site goes live, you are required to purchase a license for the plugin. License is purchasable through the Craft Plugin Store.

For more information, see Craft's Commercial Plugin Licensing.

Requirements

This plugin requires Craft CMS 3.7.0 or later.

Issues and Discussions Guidelines

Please only open a new issue for bug reports. For feature requests and questions open a new Discussion instead. When discussing a feature request please precede [FR] to the title.