PHPackages                             khauto/laravel-ui-helper - 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. khauto/laravel-ui-helper

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

khauto/laravel-ui-helper
========================

Laravel JS helper package for table grouping, sticky headers, and date formatting.

v1.0.0(8mo ago)00MITBlade

Since Oct 12Pushed 8mo agoCompare

[ Source](https://github.com/mdkhasib/khauto-laravel-ui-helper)[ Packagist](https://packagist.org/packages/khauto/laravel-ui-helper)[ RSS](/packages/khauto-laravel-ui-helper/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (2)Used By (0)

Laravel UI Helper
=================

[](#laravel-ui-helper)

**Author:** [Md Khairul Hasib](https://github.com/khauto)
**Package:** `khauto/laravel-ui-helper`
**Version:** 1.0.0

A lightweight Laravel front-end utility script to enhance UI experience.
Includes built-in helpers for form indicators, sticky table headers, date formatting, and dynamic table row grouping — all powered by jQuery.

---

🚀 Installation
--------------

[](#-installation)

Install the package via Composer:

```
composer require khauto/laravel-ui-helper
```

---

⚙️ Setup
--------

[](#️-setup)

After installation, include the JavaScript helper in your main layout file (e.g. `app.blade.php` or `layouts/app.blade.php`):

```

```

> Ensure that **jQuery** and **jQuery UI (for datepicker)** are loaded before this script.

Example:

```

```

---

🧩 Features
----------

[](#-features)

### 1. Required Field Star

[](#1-required-field-star)

Automatically adds a red `*` star next to elements marked with `.RequiredStar`.

```
Name
```

➡ Output: \*\*Name \*\*\*

---

### 2. Sticky Table Headers

[](#2-sticky-table-headers)

Keeps table headers visible while scrolling.

```

        NameAmount

        John100
        ...

```

> When scrolling, the header remains visible until the table ends.

---

### 3. Date Formatting Helpers

[](#3-date-formatting-helpers)

#### **convertDate(date)**

[](#convertdatedate)

Converts a JavaScript date to `dd-mm-yyyy`.

```
convertDate('2025-10-13'); // returns "13-10-2025"
```

#### **viewDateFormat(date)**

[](#viewdateformatdate)

Converts a date string (`yyyy-mm-dd` or `dd-mm-yyyy`) into a user-friendly `dd/mm/yy` format using jQuery UI datepicker.

```
viewDateFormat('2025-10-13'); // returns "13/10/25"
```

---

### 4. Group Table Rows

[](#4-group-table-rows)

Merges table rows that have the same content in a given column (like Excel cell grouping).

#### Example:

[](#example)

```
groupTableRow('sales-table', [0, 1]);
```

**Parameters:**

- `tableClass`: the CSS class of your table.
- `columnIndexArray`: array of column indexes to group (e.g. `[0, 1]`).
- `ignoreRowArray` *(optional)*: custom text labels to ignore while grouping (default: `["Opening Balance", "Sub Total", "Total", "TOTAL", "SUB TOTAL"]`).

#### Example Table:

[](#example-table)

```

  Product ADhaka
  Product ADhaka
  Product BChittagong

```

➡ After running `groupTableRow('sales-table', [0, 1])`,
rows with duplicate “Product A / Dhaka” will merge automatically with proper `rowspan`.

---

📦 Functions Summary
-------------------

[](#-functions-summary)

FunctionDescription`convertDate(date)`Converts JS date to `dd-mm-yyyy``viewDateFormat(date)`Formats date for UI (`dd/mm/yy`)`isRowIgnore(row, ignoreList)`Checks if a table row should be ignored`groupTableRow(class, indexArray, ignoreArray)`Groups rows with identical cell content`$('.RequiredStar')`Appends red `*` for required fields`.sticky-table`Makes table header sticky on scroll---

🧰 Dependencies
--------------

[](#-dependencies)

- [jQuery](https://jquery.com/)
- [jQuery UI (for datepicker)](https://jqueryui.com/)

---

📄 License
---------

[](#-license)

This package is open-source under the [MIT license](LICENSE).

---

👨‍💻 Author
----------

[](#‍-author)

**Md Khairul Hasib**
📧
🌐 [GitHub: @khauto](https://github.com/khauto)

---

> 💡 *Laravel UI Helper is a small front-end utility meant to make your Blade templates cleaner and UI interactions smoother.*

###  Health Score

25

—

LowBetter than 35% of packages

Maintenance58

Moderate activity, may be stable

Popularity0

Limited adoption so far

Community2

Small or concentrated contributor base

Maturity35

Early-stage or recently created project

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

Unknown

Total

1

Last Release

265d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/36859044?v=4)[Md Khairul Hasib](/maintainers/mdkhasib)[@mdkhasib](https://github.com/mdkhasib)

### Embed Badge

![Health badge](/badges/khauto-laravel-ui-helper/health.svg)

```
[![Health](https://phpackages.com/badges/khauto-laravel-ui-helper/health.svg)](https://phpackages.com/packages/khauto-laravel-ui-helper)
```

###  Alternatives

[cocur/human-date

Transforms dates into a human-readable form

3023.3k1](/packages/cocur-human-date)[sjaakp/yii2-alphapager

Page data on initial character in Yii2.

194.4k](/packages/sjaakp-yii2-alphapager)

PHPackages © 2026

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