PHPackages                             syntech/syntechtable - 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 &amp; Helpers](/categories/utility)
4. /
5. syntech/syntechtable

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

syntech/syntechtable
====================

A package to manage Syntech tables.

1.2(1y ago)040MITPHP

Since Aug 17Pushed 1y ago1 watchersCompare

[ Source](https://github.com/mokhdesigns/syntech-table)[ Packagist](https://packagist.org/packages/syntech/syntechtable)[ RSS](/packages/syntech-syntechtable/feed)WikiDiscussions main Synced 1mo ago

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

SyntechTable
============

[](#syntechtable)

`SyntechTable` is a Laravel package for managing dynamic and customizable data tables with ease. This package is built on top of [AG Grid](https://github.com/ag-grid/ag-grid), a powerful and flexible data grid library.

[![syntechtable](images/syntechtable.png)](images/syntechtable.png)

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

[](#installation)

To install the package, run:

```
composer require syntech/syntechtable
```

Usage
-----

[](#usage)

Creating a New Table
--------------------

[](#creating-a-new-table)

To create a new table, use the Artisan command:

```
php artisan syntechtable:make Dashboard/StudentTable
```

This command will create a new table class in App\\SyntechTable\\Dashboard\\StudentTable.
-----------------------------------------------------------------------------------------

[](#this-command-will-create-a-new-table-class-in-appsyntechtabledashboardstudenttable)

Rendering the Table

To render the table in your view, include the following HTML and Blade syntax in your Blade template:
-----------------------------------------------------------------------------------------------------

[](#to-render-the-table-in-your-view-include-the-following-html-and-blade-syntax-in-your-blade-template)

```

{!! $scripts !!}
```

This code sets up a container for your AG Grid table and includes the necessary JavaScript to initialize and configure the grid.
--------------------------------------------------------------------------------------------------------------------------------

[](#this-code-sets-up-a-container-for-your-ag-grid-table-and-includes-the-necessary-javascript-to-initialize-and-configure-the-grid)

Customizing Table Style
-----------------------

[](#customizing-table-style)

You can customize the style of your AG Grid table by adding the following CSS to your Blade template or your application's CSS file:
------------------------------------------------------------------------------------------------------------------------------------

[](#you-can-customize-the-style-of-your-ag-grid-table-by-adding-the-following-css-to-your-blade-template-or-your-applications-css-file)

```

    .ag-theme-quartz {
        /* Changes the color of the grid text */
        --ag-font-color: rgb(51, 51, 51);

        /* Changes the color of the grid background */
        --ag-background-color: rgb(241, 247, 255);

        /* Changes the header color of the top row */
        --ag-header-background-color: rgb(228, 237, 250);

        /* Changes the hover color of the row */
        --ag-row-hover-color: rgb(216, 226, 255);
    }

```

This CSS snippet adjusts various colors in the AG Grid theme to match your design preferences.
----------------------------------------------------------------------------------------------

[](#this-css-snippet-adjusts-various-colors-in-the-ag-grid-theme-to-match-your-design-preferences)

Configuration
-------------

[](#configuration)

You can configure various aspects of the SyntechTable package through the configuration file. Publish the configuration file with:
----------------------------------------------------------------------------------------------------------------------------------

[](#you-can-configure-various-aspects-of-the-syntechtable-package-through-the-configuration-file-publish-the-configuration-file-with)

```
php artisan vendor:publish --provider="Syntech\SyntechTable\Providers\SyntechTableServiceProvider"
```

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance34

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity41

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 80% 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.

###  Release Activity

Cadence

Every ~0 days

Total

2

Last Release

638d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8aa092c27a5563bfb4a0fcb4d602f0857db0fc1947f2a6ce70e40a2ab055426b?d=identicon)[Mokhtar ali](/maintainers/Mokhtar%20ali)

---

Top Contributors

[![devmokhtar14](https://avatars.githubusercontent.com/u/261612676?v=4)](https://github.com/devmokhtar14 "devmokhtar14 (4 commits)")[![mokhdesigns](https://avatars.githubusercontent.com/u/41319367?v=4)](https://github.com/mokhdesigns "mokhdesigns (1 commits)")

### Embed Badge

![Health badge](/badges/syntech-syntechtable/health.svg)

```
[![Health](https://phpackages.com/badges/syntech-syntechtable/health.svg)](https://phpackages.com/packages/syntech-syntechtable)
```

###  Alternatives

[geniusts/laravel-hijri-dates

Hijri dates package for Laravel

2722.5k](/packages/geniusts-laravel-hijri-dates)

PHPackages © 2026

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