PHPackages                             blackbear/data-grid - 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. [Utility & Helpers](/categories/utility)
4. /
5. blackbear/data-grid

ActiveLibrary[Utility & Helpers](/categories/utility)

blackbear/data-grid
===================

The data grid for own data source. Make data grid in minutes

110PHP

Since May 13Pushed 3y ago1 watchersCompare

[ Source](https://github.com/luongvancong/data-grid)[ Packagist](https://packagist.org/packages/blackbear/data-grid)[ RSS](/packages/blackbear-data-grid/feed)WikiDiscussions master Synced 4d ago

READMEChangelog (1)DependenciesVersions (3)Used By (0)

Make data table in minutes
==========================

[](#make-data-table-in-minutes)

#### Installation

[](#installation)

```
composer require blackbear/data-grid v0.0.*

```

#### Example with full options:

[](#example-with-full-options)

```
$faker = \Faker\Factory::create();
$dataSource = new Collection();
for($i = 0; $i < 30; $i ++) {
    $dataSource->push([
        'id' => $faker->ean8,
        'name' => $faker->name,
        'phone' => $faker->phoneNumber,
        'email' => $faker->email
    ]);
}

$dataGrid = new DataTable([
    'visibleColumns' => ['id', 'name', 'phone', 'email', 'birthday'],
    'columnHeaders' => ['id' => 'ID', 'name' => 'Name'],
    'sortColumns' => ['id', 'name'],
    'showCheckbox' => true,
    'showEditDelete' => true,
    'currentUrl' => url()->full(),
    'dataSource' => $dataSource,
    'renderRowAttribute' => function($item) {
        return [
            'data-id' => $item['id']
        ];
    },
    'renderColumnAttribute' => function($item, $column) {
        switch($column) {
            case 'id':
                return ['data-field' => 'id', 'data-id' => $item['id']];
            case 'email':
                return ['data-field' => 'email'];
            case 'name':
                return 'data-field="name" data-id="'.$item['id'].'"';
        }
    },
    'renderEditUrl' => function($item) {
        return url('/'.$item['id'].'/edit');
    },
    'renderDeleteUrl' => function($item) {
        return url('/'.$item['id'].'/delete');
    },
    'renderColumnContent' => function($item, $column) {
        switch($column) {
            case 'id':
                return ''.$item['id'].'';
            case 'email':
                return ''.$item['email'].'';
        }
    }
]);

return view('tests/data-grid', ['tableContent' => $dataGrid->render()]);

```

Template HTML

```
@extends('admin/layouts/master')

@section('main-content')

		{{ file_get_contents(base_path().'/vendor/blackbear/data-grid/src/assets/css/data-table.css') }}

		{!! file_get_contents(base_path().'/vendor/blackbear/data-grid/src/assets/js/data-table.js') !!}

		$(function() {
		   	DataTable.init({
				onChangeItem: function(row, e) {

				},
				onCheckAll: function(e) {

				}
			})
		});

			{!! $tableContent !!}

@stop

```

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 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/2cd3cf3ae34d260cf01e9fa6768f6c49125edc17d8000586386c7115873a8f57?d=identicon)[luongvancong](/maintainers/luongvancong)

---

Top Contributors

[![luongvancong](https://avatars.githubusercontent.com/u/2561253?v=4)](https://github.com/luongvancong "luongvancong (14 commits)")

### Embed Badge

![Health badge](/badges/blackbear-data-grid/health.svg)

```
[![Health](https://phpackages.com/badges/blackbear-data-grid/health.svg)](https://phpackages.com/packages/blackbear-data-grid)
```

PHPackages © 2026

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