Lompat ke konten Lompat ke sidebar Lompat ke footer

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>