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

Primary Table

To use add class `.bg-primary .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Success Table

To use add class `.bg-success .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Info Table

To use add class `.bg-info .text-whit` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Warning Table

To use add class `.bg-warning .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Danger Table

To use add class `.bg-danger .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Inverse Table

To use add class `.bg-inverse .text-white` in the `<thead>`.

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Primary Table

To use add class `.bg-primary .text-white` in the `<thead>` and add class `.border .border-primary` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Success Table

To use add class `.bg-success .text-white` in the `<thead>` and add class `.border .border-success` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Info Table

To use add class `.bg-info .text-white` in the `<thead>` and add class `.border .border-info` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Warning Table

To use add class `.bg-warning .text-white` in the `<thead>` and add class `.border .border-warning` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Danger Table

To use add class `.bg-danger .text-white` in the `<thead>` and add class `.border .border-danger` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Inverse Table

To use add class `.bg-dark .text-white` in the `<thead>` and add class `.border .border-dark` in `<tbody>`

#	First Name	Last Name	Username
1	Nigam	Eichmann	@Sonu
2	Deshmukh	Prohaska	@Genelia
3	Roshan	Rogahn	@Hritik

Primary Table

To use add class in the table `.table-hover .table-primary` and add class `.bg-primary .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Success Table

To use add class in the table `.table-hover .table-success` and add class `.bg-success .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Info Table

To use add class in the table `.table-hover .table-info` and add class `.bg-info .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Warning Table

To use add class in the table `.table-hover .table-warning` and add class `.bg-warning .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Danger Table

To use add class in the table `.table-hover .table-danger` and add class `.bg-danger .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

Inverse Table

To use add class in the table `.table-hover .table-dark` and add class `.bg-dark .text-white` in the `<thead>`.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry the Bird		@twitter

@endsection @push('js') @endpush