Membuat Pagination number data di laravel 10 livewire

 

controller/livewire

tambahkan diatas class guru extend component

use Livewire\WithPagination;

tambhakan di dalam class guru

  use WithPagination;

  protected $paginationTheme = 'bootstrap';

pada bagian 

$gurudata = GuruModel::orderBy('created_at', 'DESC')->get();

ubah jadi

$gurudata = GuruModel::orderBy('created_at', 'DESC')->paginate(1, ['*'], 'tingkat');

artinya paginate(1, ['*'], 'tingkat'))

data yg di tampilkan limit 1

pada field tingkat

full nya seperti ini

use Livewire\WithPagination;

class Guru extends Component

{

  use WithPagination;

  protected $paginationTheme = 'bootstrap';

  public $searchTerm;

  public $notification_message, $notification_row;

  public $nomor_guru, $nama_guru, $user_id, $keterangan, $tahun_keluar, $no_telp, $status, $alamat;

  public $data_guru, $id;

  public function render()

  {

    $gurudata = GuruModel::orderBy('created_at', 'DESC')->paginate(1, ['*'], 'tingkat');

pada blade layout

ada tmbahan style 

  {

    color: #ffffff !important;

  }

tambahkan di dalam (bawah) isi

    <div class="paginateContainer d-flex flex-column flex-md-row justify-content-center justify-content-md-between align-items-center mt-4 mb-2 mx-2" style="font-size: 15px;">

      <span style="margin-top: -0.5em" class="mb-3 mb-md-0">

        Menampilkan {{ $gurudata->firstItem() }} Hingga {{ $gurudata->lastItem() }} Data Dari {{$gurudata->total()}} Total Data

      </span>

      <span class="d-block d-md-none">

        {!! $gurudata->onEachSide(1)->links() !!}

      </span>

      <span class="d-none d-md-block">

        {!! $gurudata->onEachSide(4)->links() !!}

      </span>

    </div>