PHPackages                             wedevelopnl/ux-table - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. wedevelopnl/ux-table

ActiveSymfony-bundle[Utility & Helpers](/categories/utility)

wedevelopnl/ux-table
====================

v0.4.2(1y ago)172.4k↓33.3%5[2 issues](https://github.com/wedevelopnl/ux-table/issues)MITPHPPHP >=8.1

Since Mar 18Pushed 1y ago6 watchersCompare

[ Source](https://github.com/wedevelopnl/ux-table)[ Packagist](https://packagist.org/packages/wedevelopnl/ux-table)[ RSS](/packages/wedevelopnl-ux-table/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (3)Dependencies (5)Versions (9)Used By (0)

WeDevelop UX Table
==================

[](#wedevelop-ux-table)

**EXPERIMENTAL**: This package is still under development, everything is subject to change.

Description
-----------

[](#description)

UX Table is a Data Table designed to work well with [Symfony UX Turbo](https://symfony.com/bundles/ux-turbo/current/index.html)and [Stimulus](https://stimulus.hotwired.dev/) (part of Symfony Encore). This package aims to utilize the beautiful simplicity of [Hypermedia-Driven Application](https://htmx.org/essays/hypermedia-driven-applications/) (HDA) architecture.

This package contains building blocks to create a completely flexible data table. More specifically, it helps generate forms (with hidden inputs) and links that retain the state of your UX table.

The pros of this method:

- Full control over your template
- No javascript (even works with javascript disabled)
- No serialization

Prerequisites
-------------

[](#prerequisites)

### Symfony UX Turbo

[](#symfony-ux-turbo)

Make sure Symfony UX Turbo is installed and setup. We heavily rely on this functionality to make this a nice user experience.

Install
-------

[](#install)

```
composer require wedevelopnl/ux-table
```

With Symfony Flex
-----------------

[](#with-symfony-flex)

You should be able to just get started.

Without Symfony Flex
--------------------

[](#without-symfony-flex)

1. `npm i -D vendor/wedevelopnl/ux-table/assets`
2. Add to `bundles.php````
    WeDevelop\UXTable\WeDevelopUXTableBundle::class => ['all' => true],
    ```
3. Add to `assets/controllers.json````
    {
        "controllers": {
            "@wedevelopnl/ux-table": {
                "ux-table": {
                    "enabled": true,
                    "fetch": "eager"
                }
            }
        },
        "entrypoints": []
    }
    ```

Getting started
---------------

[](#getting-started)

### Create a form

[](#create-a-form)

First we create a new Form which extends `WeDevelop\UXTable\Table\AbstractTable`

```