147 lines
4.5 KiB
PHP
Executable File
147 lines
4.5 KiB
PHP
Executable File
@extends('layouts.master')
|
|
@section('title') @lang('translation.Grid Js') @endsection
|
|
@section('css')
|
|
<link rel="stylesheet" href="{{ URL::asset('assets/libs/gridjs/gridjs.min.css') }}">
|
|
|
|
@endsection
|
|
@section('content')
|
|
@component('components.breadcrumb')
|
|
@slot('li_1') Tables @endslot
|
|
@slot('title') Grid Js @endslot
|
|
@endcomponent
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0 flex-grow-1">Base Example</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-gridjs"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Card Table</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-card" class="table-card"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Pagination</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-pagination"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Search</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-search"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Sorting</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-sorting"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Loading State</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-loading-state"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Fixed Header</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-fixed-header"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h4 class="card-title mb-0">Hidden Columns</h4>
|
|
</div><!-- end card header -->
|
|
|
|
<div class="card-body">
|
|
<div id="table-hidden-column"></div>
|
|
</div><!-- end card-body -->
|
|
</div><!-- end card -->
|
|
</div>
|
|
<!-- end col -->
|
|
</div>
|
|
<!-- end row -->
|
|
@endsection
|
|
@section('script')
|
|
<script src="{{ URL::asset('assets/libs/prismjs/prismjs.min.js') }}"></script>
|
|
<script src="{{ URL::asset('assets/libs/gridjs/gridjs.min.js') }}"></script>
|
|
<script src="{{ URL::asset('assets/js/pages/gridjs.init.js') }}"></script>
|
|
|
|
<script src="{{ URL::asset('/assets/js/app.min.js') }}"></script>
|
|
@endsection
|