Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Power-Components/livewire-powergrid

โšก PowerGrid generates modern, powerful and easy-to-customize data tables using Laravel Livewire.
https://github.com/Power-Components/livewire-powergrid

datatables editable-table laravel laravel-livewire livewire livewire-component livewire-datatables livewire-packages livewire-powergrid tailwindcss

Last synced: about 2 months ago
JSON representation

โšก PowerGrid generates modern, powerful and easy-to-customize data tables using Laravel Livewire.

Awesome Lists containing this project

README

        


PowerGrid Logo



Latest Version
Total Downloads

Tests Passing

Latest Version
License
Last Commit


๐Ÿ“š Documentation |
๐Ÿš€ Online Demo |
๐Ÿ”ฅ Features |
โŒจ๏ธ Get started

------

# โšก Livewire PowerGrid โšก


Livewire PowerGrid creates modern, powerful and easy-to-customize data tables based on [Laravel Livewire](https://laravel-livewire.com) library.

With PowerGrid, you can effortlessly create advanced data tables one in a matter of minutes.


PowerGrid Screenshot

`๐Ÿš€` **Minimal Configuration**

Tables have basic features activated by default. Ready to go!

`๐Ÿ‘` **Minimal Configuration**

Extend and customize your Table including components (checkbox, action buttons, editable fields), global search feature, column data filters and data export tool.

`๐Ÿ› ๏ธ` **Minimal Configuration**

Table components include feature examples. Just uncomment some code, enter your data, and it works!


## ๐Ÿš€ Online Interactive Demo

Take a look at our Online Interactive Demo showcasing the latest PowerGrid features. Explore the source code, and get your Data Table up and running in no time.

`๐ŸŒŽ` PowerGrid Online Demo


## ๐Ÿ”ฅ Features

PowerGrid offers a range of features that are readily available:

| Feature | PowerGrid |
| :--------------------------------------------------------------------- | :-------------------------------------- |
| Bootstrap 5 or Tailwind CSS 3x | โœ… |
| Pagination | โœ… |
| Column Sorting | โœ… |
| Filters & Global Search | โœ… |
| Custom Filter Builder | โœ… |
| Inline Editing (Click to edit) | โœ… |
| Row Buttons, Checkboxes, Dropdown menu, and Toggle Switch | โœ… |
| Custom Cell Content (Links, images, currency formatting) | โœ… |
| Multi-row Bulk Actions | โœ… |
| Conditional Action Rules for Rows, Buttons, and Checkboxes | โœ… |
| Column Summaries (Sum, Count & Average) | โœ… |
| Data Export to XLSX/CSV (OpenSpout) | โœ… |
| Queue Export for large datasets | โœ… |
| Responsive | โœ… |
| Livewire Modal Integration (Wire Elements Modal) | โœ… |
| Multi Language | Available in ๐Ÿ‡บ๐Ÿ‡ธ ๐Ÿ‡ง๐Ÿ‡ท ๐Ÿ‡ช๐Ÿ‡ธ ๐Ÿ‡ฎ๐Ÿ‡น ๐Ÿ‡ฉ๐Ÿ‡ช and [more...](https://github.com/Power-Components/livewire-powergrid/tree/5.x/resources/lang) |

`๐Ÿ“š` Learn more in our [Documentation](https://livewire-powergrid.com).


## Get started

### Requirements

- PHP 8.1+
- [Laravel 10+](https://laravel.com/docs/installation)
- [Livewire 3.0x](https://livewire.laravel.com)
- [Tailwind 3x](https://tailwindcss.com/docs/guides/laravel) or [Bootstrap 5](https://getbootstrap.com/docs/5.0/getting-started/introduction/)


### Install PowerGrid

Require PowerGrid via [composer](https://getcomposer.org).

```bash
composer require power-components/livewire-powergrid
```

Then, follow the steps indicated in the [Documentation - Install page](https://livewire-powergrid.com/get-started/install.html).


## Support & Community

`๐Ÿ‘ฅ` **Interact with the PowerGrid community at our [Discussions](https://github.com/Power-Components/livewire-powergrid/discussions) tab.**

You can share ideas, find questions and answers, and collaborate with other PowerGrid users.


`๐Ÿ›Ÿ` **For technical inquiries, bug reports, and feature requests, please use the [Issues](https://github.com/Power-Components/livewire-powergrid/issues) tab.**

Please look into our previous Issues and Discussions before submitting a new issue.


## Contribute

`๐Ÿ™` **You can help PowerGrid in a number of ways; contributing goes beyond writing code.**

Please read the [Contributing Guide](CONTRIBUTING.md) to see what kind of contributions you can make and what steps you should follow.


## Credits

- Created by [Luan Freitas](https://twitter.com/luanfreitasdev) and [@DanSysAnalyst](https://github.com/dansysanalyst)
- [All Contributors](../../contributors)
- Logo & artwork by [Caneco](https://twitter.com/caneco)


Sponsored by:





DevSquad


With the support of:





PHPStorm



Araxis Merge


Notice of Non-Affiliation and Disclaimer: Livewire PowerGrid is not affiliated with, associated with, endorsed by, or in any way officially connected with the Laravel Livewire - copyright by Caleb Porzio. Laravel is a trademark of Taylor Otwell.