PHPackages                             spice-factory-ph/spice-datatable - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. spice-factory-ph/spice-datatable

ActiveLibrary

spice-factory-ph/spice-datatable
================================

A Laravel package that seamlessly integrates Yajra DataTables with Bootstrap for a powerful and responsive data visualization experience.

03.6kPHP

Since Jan 25Pushed 2y agoCompare

[ Source](https://github.com/spice-factory-ph/datatables)[ Packagist](https://packagist.org/packages/spice-factory-ph/spice-datatable)[ RSS](/packages/spice-factory-ph-spice-datatable/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependenciesVersions (1)Used By (0)

Package Name
============

[](#package-name)

[![License](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](https://opensource.org/licenses/MIT)

Description
-----------

[](#description)

Efficiently create and customize standard data tables for spice factory projects with this reusable and adaptable package.

Features
--------

[](#features)

- Standard Datatable Creation: Easily generate consistent and well-formatted data tables for various applications within our projects.
- Flexible Customization: Tailor the table's visual style to match the project's branding or specific needs, ensuring seamless integration and a cohesive dev experience.

Benefits
--------

[](#benefits)

- Promotes Code Reuse and Efficiency: Save time and effort by leveraging a standardized datatable solution across multiple projects.
- Enhances Data Presentation and Readability: Improve data visualization and analysis with clear, organized tables.
- Maintains Consistency: Ensure a cohesive look and feel across different project interfaces, fostering a professional and polished user experience.
- Adapts to Specific Needs: Customize table styles to align with branding guidelines or project-specific requirements, demonstrating versatility and adaptability.

Installation
------------

[](#installation)

- require `"spice-factory-ph/spice-datatable": "dev-main"` in composer.json
- Install Laravel DataTables Vite `npm i laravel-datatables-vite --save-dev`
- Once installed, we can now configure our scripts and css needed for our application. in app.js

```
import 'laravel-datatables-vite';

```

Usage
-----

[](#usage)

### Create new datatable

[](#create-new-datatable)

```
sail artisan make:spice-datatable {model} --buttons=a

```

### Render the datatable inside your controller class index method with

[](#render-the-datatable-inside-your-controller-class-index-method-with)

```
 /**
     * Display a listing of the resource.
     *
     * @param  {ModelName}DataTable  $dataTable
     * @return View|JsonResponse
     */
    public function index({ModelName}DataTable $dataTable): View|JsonResponse
    {
        return $dataTable->render('{modelname}.index');
    }

```

### Update `views/{model}/index.blade.php` to adapt the project layout.

[](#update-viewsmodelindexbladephp-to-adapt-the-project-layout)

### Add the scripts.

[](#add-the-scripts)

```
@push('scripts')
        {{ $dataTable->scripts(attributes: ['type' => 'module']) }}
@endpush

```

### Customizing CSS

[](#customizing-css)

- While this package is designed to work seamlessly with Bootstrap, you have the flexibility to tailor the appearance of individual datatable elements to your specific needs. To achieve this customization, please follow these steps:

1. Publish the customizable CSS file `sail artisan vendor:publish`
2. Select provider `Spicefactoryph\SpiceDatatable\Providers\DatatableServiceProvider`
3. You can now add your custom styles in `public\spicedatatable\styles\app.scss`

Relationship Columns
--------------------

[](#relationship-columns)

Share your thoughts!!!
----------------------

[](#share-your-thoughts)

- Share your feedback and experiences with other devs or lead engineer.
- Collaborate to enhance the package's capabilities and create even more versatile data table solutions for the spice factory projects.

Let's spice up your data management together! ️

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity16

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity19

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/eb4edfcbd751b6a0fe299948d6352bf5dcca75df3db61a4ad276d900899444ea?d=identicon)[IanJaySpiceFactory](/maintainers/IanJaySpiceFactory)

![](https://www.gravatar.com/avatar/dedda31020297201188a018e64251f7ee49029dcad92047e9eee4748ac338722?d=identicon)[annettechua-sfph](/maintainers/annettechua-sfph)

---

Top Contributors

[![ianjayAppetiser](https://avatars.githubusercontent.com/u/125536602?v=4)](https://github.com/ianjayAppetiser "ianjayAppetiser (124 commits)")

### Embed Badge

![Health badge](/badges/spice-factory-ph-spice-datatable/health.svg)

```
[![Health](https://phpackages.com/badges/spice-factory-ph-spice-datatable/health.svg)](https://phpackages.com/packages/spice-factory-ph-spice-datatable)
```

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)