Simple Datatable - Datatables for Laravel                  [               Datatables for Laravel  ](/) [ 1.0.5](https://laravel-datatables.com/release-notes "Click to view release notes")

  Toggle main menu         [Docs](https://laravel-datatables.com/docs) [Demos](/demos) [Blog](https://laravel-datatables.com/blog) [Pricing](/pricing)        Search  ⌘ K   [ Log in ](/login) 

  [Docs](https://laravel-datatables.com/docs) [Demos](/demos) [Blog](https://laravel-datatables.com/blog) [Pricing](/pricing) 

 Search docs and demos  

Type at least 2 characters to search.

    Demos     

### Use Cases

- [ Simple Datatable ](https://laravel-datatables.com/demos/use-case-simple)
- [ Products Datatable ](https://laravel-datatables.com/demos/use-case-products)
- [ Sales Operations ](https://laravel-datatables.com/demos/use-case-sales)

### Features

- [ Accessibility ](https://laravel-datatables.com/demos/features-accessibility)
- [ Advanced Filtering ](https://laravel-datatables.com/demos/features-advanced-filtering)
- [ Aggregate Totals ](https://laravel-datatables.com/demos/features-aggregate-totals)
- [ Column Reordering ](https://laravel-datatables.com/demos/features-column-reordering)
- [ Custom Controls ](https://laravel-datatables.com/demos/features-custom-controls)
- [ Directionality (LTR / RTL) ](https://laravel-datatables.com/demos/features-directionality)
- [ Export ](https://laravel-datatables.com/demos/features-export)
- [ Frozen Columns ](https://laravel-datatables.com/demos/features-frozen-columns)
- [ Frozen Header ](https://laravel-datatables.com/demos/features-frozen)
- [ Frozen Header &amp; Columns ](https://laravel-datatables.com/demos/features-frozen-both)
- [ Pagination ](https://laravel-datatables.com/demos/features-pagination)
- [ Responsive Mobile ](https://laravel-datatables.com/demos/features-responsive-mobile)
- [ Row Grouping ](https://laravel-datatables.com/demos/features-row-grouping)
- [ Row Selection &amp; Bulk Actions ](https://laravel-datatables.com/demos/features-row-selection-bulk-actions)

### Cell Renderer

- [ Action Buttons ](https://laravel-datatables.com/demos/cell-renderer-action-buttons)
- [ Avatar ](https://laravel-datatables.com/demos/cell-renderer-avatar)
- [ Checkmark ](https://laravel-datatables.com/demos/cell-renderer-checkmark)
- [ Color Sample ](https://laravel-datatables.com/demos/cell-renderer-color-sample)
- [ Email Link ](https://laravel-datatables.com/demos/cell-renderer-email)
- [ External Link ](https://laravel-datatables.com/demos/cell-renderer-external)
- [ Friendly Timestamp ](https://laravel-datatables.com/demos/cell-renderer-friendly-timestamp)
- [ Image ](https://laravel-datatables.com/demos/cell-renderer-image)
- [ Long Text ](https://laravel-datatables.com/demos/cell-renderer-long-text)
- [ Phone Link ](https://laravel-datatables.com/demos/cell-renderer-phone-link)
- [ Progress Bar ](https://laravel-datatables.com/demos/cell-renderer-progress-bar)
- [ Status Badge ](https://laravel-datatables.com/demos/cell-renderer-status-badge)
- [ URL Link ](https://laravel-datatables.com/demos/cell-renderer-url)
- [ Wire Link ](https://laravel-datatables.com/demos/cell-renderer-wire)

### Value Formatter

- [ Compact Number ](https://laravel-datatables.com/demos/value-formatter-compact-number)
- [ Currency ](https://laravel-datatables.com/demos/value-formatter-currency)
- [ Duration ](https://laravel-datatables.com/demos/value-formatter-duration)
- [ Friendly Filesize ](https://laravel-datatables.com/demos/value-formatter-friendly-filesize)
- [ Friendly Timestamp ](https://laravel-datatables.com/demos/value-formatter-friendly-timestamp)
- [ Locale Timestamp ](https://laravel-datatables.com/demos/value-formatter-locale-timestamp)
- [ Number ](https://laravel-datatables.com/demos/value-formatter-number)
- [ Percent ](https://laravel-datatables.com/demos/value-formatter-percent)

Simple Datatable
================

A basic implementation showcasing a Contact table that queries data using an Eloquent data source and a Contact model. The table is configured for column sorting, searching, column re-ordering, frozen header and column and uses custom formatters and renderers out of the box.

          Items per page          Manage Columns   

    10  Current    25    50    100    

 ​

###  Manage Columns 

Drag the handles to reorder columns, or focus a handle and use the up and down arrow keys. Changes are saved when you click Apply.

  Apply   Cancel  

        Loading... 

         ID                First Name                Last Name                Email                Company                Last Contact                Created At                          1       Dashawn       Rutherford       maximo13@example.net       Gaylord-VonRueden       10 months ago       October 9, 2026 3:20 PM            2       Lewis       Schiller       shanelle58@example.net       Zulauf, Senger and Mante       1 year ago       October 9, 2026 3:20 PM            3       Nelle       Schneider       swift.elissa@example.org       Gislason-Carroll       7 months ago       October 9, 2026 3:20 PM            4       Wava       Predovic       victor.satterfield@example.org       Roberts LLC       10 months ago       October 9, 2026 3:20 PM            5       Abigayle       Kertzmann       holly.watsica@example.net       McDermott-Bashirian       6 months ago       October 9, 2026 3:20 PM            6       Sean       Bode       precious35@example.org       Ziemann PLC       1 month ago       October 9, 2026 3:20 PM            7       Roger       Beer       pfeffer.elwyn@example.com       Bechtelar, Langosh and Muller       1 year ago       October 9, 2026 3:20 PM            8       Kelsi       Osinski       amya19@example.net       Douglas-Mills       2 months ago       October 9, 2026 3:20 PM            9       Emanuel       Lesch       nolan.dana@example.com       Murazik-Connelly       1 year ago       October 9, 2026 3:20 PM            10       Kole       Ernser       ttremblay@example.net       Kihn PLC       10 months ago       October 9, 2026 3:20 PM            

        « Previous       Next »    

 1 - 10 of 10000

                    1       2       3       4       5       6       7       8       9       10        ...          999       1000                 

 - Demo code is available for licensed customers - 

### Related Documentation

 [Creating a Table

Basics

Create your very first basic Datatables for Laravel datatable.](https://laravel-datatables.com/docs/basic-creating-a-table) [Displaying Columns

Basics

Display datatable columns and configure behavior, rendering, formatting and other properties.](https://laravel-datatables.com/docs/basic-displaying-columns) 

### Related Demos

 [Products Datatable

Use Cases

Showcase of a Products table that queries data using an Eloquent data source and a Product model.](https://laravel-datatables.com/demos/use-case-products) [Sales Operations

Use Cases

Showcase of a Sales table that queries data using an Eloquent data source and a Sale model.](https://laravel-datatables.com/demos/use-case-sales) 

   © 2026 Copyright (C)  [ Morrow IT Consulting &amp; Services ](https://morrow-it.services)  

 [Terms of Service](https://laravel-datatables.com/legal/terms) [Privacy](https://laravel-datatables.com/legal/privacy) [Legal Disclosure](https://laravel-datatables.com/legal/disclosure)
