- Creating Columns
- Relationships
- Available Methods
- Other Column Types
- Column Selection
- Secondary Header
- Footer
- Reusable Columns
- Anonymous Columns
- Styling
- Standard Column
- Array Columns (beta)
- Avg Columns (beta)
- Boolean Columns
- Button Group Columns
- Color Columns
- Component Columns
- Count Columns (beta)
- Date Columns
- Icon Columns (beta)
- Image Columns
- Link Columns
- Livewire Component (beta)
- Sum Columns (beta)
- View Component Columns
- Wire Link Column (beta)
- Introduction
- Boolean Filters (beta)
- Date Filters
- DateRange Filters
- DateTime Filters
- Multi-Select Dropdown Filters
- Multi-Select Filters
- NumberRange Filters
- Number Filters
- Select Filters
- Text Filters
- Livewire Custom Filter (Beta)
- Refreshing
- Loading Placeholder
- Multiple Tables Same Page
- Actions (beta)
- Adding Custom Markup
- Debugging
- Saving Table State
- Lifecycle Hooks
- Hiding The Table (beta)
- One Of Many Example
- Tools
Getting Started
Usage
DataTable
Columns
Column Types
Rows
Sorting
Pagination
Search
Bulk Actions
Filters
Filter Types
Reordering
Secondary Header
Footer
Examples
Misc.
Sponsored
Advanced Usage
Examples
🎉 Enjoying this package? Consider sponsoring me on GitHub or buying me a beer.
This is the documentation for v3. You can switch versions in the menu on the left/at the top. Check your current version with the following command:
composer show rappasoft/laravel-livewire-tables
NumberRange Filters
NumberRange filters allow for a minimum and maximum value to be input on a single slider.
1public function filters(): array 2{ 3 return [ 4 NumberRangeFilter::make('Success Rate') 5 ->options( 6 [ 7 'min' => 0, 8 'max' => 100, 9 ]10 )11 ->config([12 'minRange' => 0,13 'maxRange' => 100,14 'suffix' => '%',15 'prefix' => '$',16 ])17 ->filter(function (Builder $builder, array $values) {18 $builder->where('users.success_rate', '>=', intval($values['min']))19 ->where('users.success_rate', '<=', intval($values['max']));20 }),21 22 ];23}
The default values should be set in the options() method.
You may also specify a minimum and maximum range in the config() options, and should you wish to use real values instead of a percentage. You can change the "suffix" to a metric of your choosing. You can change the "prefix" to an item of your choosing (e.g $/£/€)