@extends('backend.layouts.app') @section('title') {{ 'Basic Table | '.env('APP_NAME') }} @endsection @section('breadcrumbs') @include('backend.layouts.partials.breadcrumbs',['current' => 'Basic Table']) @endsection @push('after-css') @endpush @section('content')

Basic Table

Add class .table
# First Name Last Name Username Role
1 Deshmukh Prohaska @Genelia admin
2 Deshmukh Gaylord @Ritesh member
3 Sanghani Gusikowski @Govinda developer
4 Roshan Rogahn @Hritik supporter
5 Doe Hickle @Maruti member
6 Nigam Eichmann @Sonu supporter

Bordered Table

Add.table-borderedfor borders on all sides of the table and cells.
Task Progress Deadline Action
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Striped Table

Add.table-striped
Task Progress Deadline Action
Lunar probe project
May 15, 2015
Dream successful plan
July 1, 2015
Office automatization
Apr 12, 2015
The sun climbing plan
Aug 9, 2015
Open strategy
Apr 2, 2015
Tantas earum numeris
July 11, 2015

Contextual classes

You may use text or background utilities to achieve similar styles.
# Heading Heading
1 Cell Cell
3 Cell Cell
5 Cell Cell
7 Cell Cell
9 Cell Cell
@endsection @push('js') @endpush