sifatbaho
This commit is contained in:
146
resources/views/pages/tables-gridjs.blade.php
Executable file
146
resources/views/pages/tables-gridjs.blade.php
Executable file
@@ -0,0 +1,146 @@
|
||||
@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
|
||||
Reference in New Issue
Block a user