Postingan lainnya
scrolling hilang saat rendering livewire laravel
saya punya mencoba membuat projek laravel dengan livewire.
didalamnya saya punya card dengan data scrolling.
Capture.PNG
saat saya lakukan perubahan data scroll tersebut hilang.
no scrolling.PNG
<div class="col-md-8">
<div class="card card-default" data-scroll-height="650">
<div class="card-header card-header-border-bottom horizontal-scrollable">
<div class="row">
<button wire:click="setTab('All','')" class="btn btn{{ $tab == 'All' ? '' : '-outline' }}-primary">All Items</button>
@php
$i = 1;
@endphp
@foreach ($categories as $item)
<button wire:click="setTab('{{ $item->category_name }}','{{ $item->id }}')" class="btn btn{{ $tab == $item->category_name ? '' : '-outline' }}-primary">
{{ $item->category_name }}
</button>
@php
$i++;
@endphp
@endforeach
</div>
</div>
<div class="card-body slim-scroll">
<div class="col-md-12">
<div wire:loading wire:target="setTab">
<div class="col-md-12">
<div class="d-flex justify-content-center">
Please Wait...
</div>
</div>
</div>
<div class="row">
@foreach ($items as $item)
<div class="col-md-3">
<div class="card mb-4" wire:click="addToCart({{ $item->id }})" style="cursor: pointer;" title="Add To Cart!">
@if (!empty($item->img))
<img class="card-img-top" width="50px" height="100px"
src="{{ url('storage/photos/' . $item->img) }}">
@else
<img class="card-img-top" width="50px" height="100px"
src="{{ asset('assets/img/no-image.png') }}">
@endif
<div class="card-img-overlay text-center align-midle">
@if ($item->discount)
<p class="mb-1">
<small><span class="card-text badge-success text-dark"><b>Discount!</b></span></small>
</p>
@endif
<p class="mb-1">
<small><span class="card-text badge-primary text-dark"><b>{{ $item->item_name }}</b></span></small>
</p>
<p class="mb-1">
<small>
@if ($item->discount)
<span class="card-text badge-danger text-dark"><b><del>{{ number_format($item->price_original,0, ',', '.') }}</del></b></span> /
<span class="card-text badge-primary text-dark"><b>{{ number_format($item->price_discount,0, ',', '.') }}</b></span>
@else
<span class="card-text badge-primary text-dark"><b>{{ number_format($item->price_original,0, ',', '.') }}</b></span>
@endif
</small>
</p>
</div>
</div>
</div>
@endforeach
</div>
</div>
</div>
</div>
</d
mohon bantuannya
0
2 Jawaban:
<div>apakah menggunakan modal saat melakukan aksi ?</div>
1
Tanggapan
tidak.. hanya berubah query render saja
Jawaban Terpilih
<div>selesai. pakek div yg mau discrolling tambah wire:ignore </div>
0