Repository navigation
🙏 Help us shape 7.0 This is a beta — your feedback is essential! Try it out, and report bugs or share ideas here in Discussions or in the Issues tab. #2121
Replies: 2 comments 6 replies
|
A nice addition could be another placement for filters. Right now they can either be inside the table underneath the column headers, or outside above the table. Maybe they could also open as a drawer, or in a dropdown/modal. That could be a nice addition. Maybe I can try something this week my fork and see how it goes. Tho, maybe this new addition "Implement Filter Builder plugin with validation and UI components" already handles that? Haven't looked at it yet that much |
|
I'm definitely open to improving the filter plugin! Before we do, I recommend checking out the existing FilterBuilder plugin for Flux. If you have specific changes in mind, feel free to open a PR. I'd be happy to review it so we can collaborate on the improvements. Thanks! |
|
Hey :) Thanks a lot! I’ll definitely check out FilterBuilder for Flux. What I had in mind was adding a new filter position that would display the filters in a drawer. I’ve already tried implementing it, and this is what I was able to come up with so far. It currently supports Bootstrap, Tailwind, and DaisyUI. At the moment, it’s still implemented for version 6, but porting it over to v7 shouldn’t be too much of an issue. If a user specifies a side other than This is what it looks like so far: Edit Let me know what you think of it ! I am just glad to be able to help and contribute to the package ❤️ 
So in the config the user would configure it like this /*
|--------------------------------------------------------------------------
| Filters
|--------------------------------------------------------------------------
|
| PowerGrid supports inline, outside and drawer filters.
| 'inline': Filters data inside the table.
| 'outside': Filters data outside the table.
| 'drawer': Filters in a panel sliding in over the page.
| 'null'
|
*/
'filter' => 'drawer',
/*
|--------------------------------------------------------------------------
| Filter Drawer
|--------------------------------------------------------------------------
|
| Options for the 'drawer' filter position above.
| 'side': viewport edge the drawer slides in from: 'right' or 'left'.
|
*/
'filter_drawer' => [
'side' => 'right',
], |
|
A few things I noticed so far, @luanfreitasdev: When upgrading to v7, there is no longer a import '../../vendor/power-components/livewire-powergrid/resources/js/stores'
import '../../vendor/power-components/livewire-powergrid/resources/js/components'
import '../../vendor/power-components/livewire-powergrid/resources/js/components/directives'
import '../../vendor/power-components/partials/resources/js/index.js'I also noticed that the styling needed some adjustments. I had to add the following sources to my CSS file: @source '../../vendor/power-components/livewire-powergrid/src/Themes/Flux.php';
@source '../../vendor/power-components/livewire-powergrid/resources/views/**/*.blade.php';
@source '../../vendor/power-components/livewire-powergrid/resources/js/**/*.js';Another issue I noticed is with outside filters. After applying a filter, the filter disappears, and clearing the filters does not make it appear again. The only way I've found to get it back is to hard reload the page. Additionally, the outside filters sometimes don't appear at all when toggling them using the filter button. Also the filters in general are a bit flaky. Sometimes when opened they are all placed on a one input per row layout. After I clicked the action button the outside filters opened themselves to this: 
All of these findings are with the Flux theme. I'll take a look at whether I can fix the filter issues myself. For the other two changes (the missing |
|
That’s strange. Could you share it with me privately so we can test it? |
Sure! Let me create a repo for it and I give you access to it |
|
@luanfreitasdev I added you as a collab partner to the repo |
|
I've opened a PR: #2123 🤝 |
Uh oh!
There was an error while loading. Please reload this page.
⚡ PowerGrid 7.0.0-beta.1
This is the first beta release of PowerGrid 7.x — a major architectural rewrite focused on simplicity, performance, and a native skeleton. It drops legacy dependencies, introduces a modular plugin system, and fully separates HTML structure from visual styles.
🚀 Highlights
struct()method returning aThemeBuilder. HTML is fully separated from visual styles; no more theme conditionals in Blade.renderActions(). No more JS processing or browser caches (window.pgActionsis gone).Editable), toggles (Toggleable), date picker (Flatpickr),Exportand the new Filter Builder are now isolated plugins, registered via thePowerGridfacade.<x-pg-table>,<x-pg-row>,<x-pg-cell>, ...) with optional traits (WithSorting,WithSearch,WithCheckbox,WithPersist) for simple tables without the full engine.pg-tbody,pg-paginationandpg-filtersfragments (viapower-components/partials) update only the affected region for a big performance boost.cookies(default),sessionorcache.RowRenderer/CellRenderer, cached plugin CSS/JS and theme tokens, memoized column/filter resolution.powergrid:createcan now source columns directly from the DB table.PowerGrid::lazy(),LazyManager) with no direct replacement (use standard pagination), Pulse integration, and third-party select CDN fallbacks.Requirements
Upgrade Guide (tmp)
See the full migration guide: UPGRADE.md
What's Changed
Features
Fixes
Refactors & Performance
Docs & Dev Experience
Dependencies & Tooling
Tests
Housekeeping
Full Changelog: v6.11.0...v7.0.0-beta.1
This discussion was created from the release v7.0.0-beta.1.
All reactions