• Час читання ~0 хв
  • 08.09.2023

Пакет Livewire Tables приносить динамічні столи для моделей в Laravel Livewire. Ось деякі з основних моментів, які ви отримаєте з коробки:

  • Вибір стовпців, які ви хочете побачити
  • Застосування кількох фільтрів одночасно
  • Виконання дій із вибраними записами
  • Ідеально працює з рисою SoftDeletes
  • Пошук стовпців окремо
  • Підтримуються кілька типів стовпців
  • Підтримка темного режиму
  • 100% покриття кодом

Він працює, створюючи компонент таблиці, який простягається від базового LivewireTable компонента, як показано в наведеному нижче прикладі:Не повторюючи документацію, ось приклад зіставлення стовпців таблиці зі стовпцем моделі:

namespace App\Livewire;

use RamonRietdijk\LivewireTables\Livewire\LivewireTable;

class BlogTable extends LivewireTable
{
    protected string $model = Blog::class;
}

Існують різні інші типи стовпців,

// Normal column
Column::make(__('Name'), 'name'),

// A boolean column
BooleanColumn::make(__('Published'), 'published'),

// A date-based column
DateColumn::make(__('Created At'), 'created_at')
    ->format('d m Y'),

на які можна посилатися в документації Стовпці. Окрім стовпців, можна також визначати фільтри, дії стовпців тощо.

Щоб відобразити компонент таблиці, як у нашому прикладі, ви можете написати наступне:

<livewire:blog-table/>

Ви можете почати з цього пакунка, ознайомившись із документацією, починаючи зі вступу до таблиць Livewire. Також доступна демонстрація , якщо ви хочете побачити її в дії, перш ніж зануритися! Нарешті, ви можете побачити вихідний код на GitHub за адресою ramonrietdijk/livewire-tables.

Comments

No comments yet
Yurij Finiv

Yurij Finiv

Full stack

Про мене

Professional Fullstack Developer with extensive experience in website and desktop application development. Proficient in a wide range of tools and technologies, including Bootstrap, Tailwind, HTML5, CSS3, PUG, JavaScript, Alpine.js, jQuery, PHP, MODX, and Node.js. Skilled in website development using Symfony, MODX, and Laravel. Experience: Contributed to the development and translation of MODX3 i...

Про автора CrazyBoy49z
WORK EXPERIENCE
Контакти
Ukraine, Lutsk
+380979856297