TIF_E41200115/resources/views/pages/rangking/index.php

54 lines
1.9 KiB
PHP

@extends('layout.master')
@section('title', 'Data Balita')
@push('css')
<link href="{{ url('sbAdmin/vendor/datatables/dataTables.bootstrap4.min.css') }}" rel="stylesheet">
@endpush
@section('content')
<div class="card border-top-primary shadow mb-4">
<div class="card-body pt-3">
<div class="table-responsive">
<table class="table table-bordered" id="datatable" width="100%" cellspacing="0">
<thead>
<tr>
<th width="5%">No</th>
<th>Nama Balita</th>
<th>Kategori Gizi</th>
<!-- Tambahkan kolom lainnya sesuai kebutuhan -->
</tr>
</thead>
<tbody>
@foreach($output as $index => $item)
<tr>
<td>{{ $index + 1 }}</td>
<td>{{ $item['nama_balita'] }}</td>
<td>{{ $item['kategori_gizi'] }}</td>
<!-- Tampilkan informasi lainnya sesuai kebutuhan -->
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.7.0.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap4.min.js"></script>
<script>
$(document).ready(function() {
$('#datatable').DataTable();
});
</script>
@endsection
@push('js')
<!-- Page level plugins -->
<script src="{{ url('sbAdmin/vendor/datatables/jquery.dataTables.min.js') }}"></script>
<script src="{{ url('sbAdmin/vendor/datatables/dataTables.bootstrap4.min.js') }}"></script>
<!-- Page level custom scripts -->
<script src="{{ url('sbAdmin/js/demo/datatables-demo.js') }}"></script>
@endpush