Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/yazan-alnugnugh/vue-datatable
this package help to easy create data-table
https://github.com/yazan-alnugnugh/vue-datatable
datatables datatables-ajax datatables-serverside javascript laravel php vue-datatable vuejs
Last synced: about 20 hours ago
JSON representation
this package help to easy create data-table
- Host: GitHub
- URL: https://github.com/yazan-alnugnugh/vue-datatable
- Owner: yazan-alnugnugh
- License: mit
- Created: 2021-09-22T22:56:30.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2023-10-19T11:51:46.000Z (about 1 year ago)
- Last Synced: 2024-11-01T19:03:14.697Z (13 days ago)
- Topics: datatables, datatables-ajax, datatables-serverside, javascript, laravel, php, vue-datatable, vuejs
- Language: Vue
- Homepage:
- Size: 130 KB
- Stars: 10
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Supporting Laravel-vue-datatable
- [Become sponsor on Patreon](https://www.patreon.com/yazan_alnughnugh).
- [One-time donation via crypto-currencies](https://github.com/yazan-alnugnugh/laravel-datatable/blob/master/_docs/Donations/crypto/index.md).
# Introduction
**if you want to create DataTable easy and quickly with crazy features, this package is for you.**
These two Laravel packages are for making easy and quickly DataTable for your work with several features like:
- Searching
- Sorting
- Adding New Relations
- Support for astrotomic/laravel-translatable Package: Seamlessly integrate with the astrotomic/laravel-translatable package for - multilingual support.
- Multiple Selections
- Delete/Delete All
- Restructuring Data
- Permission Access
- Response Notifications for Events
- Pagination
The goal is to create Datatable in easy way using ajax,
with interesting features, just with little steps, you can create it
## Official Documentation
Documentation for Laravel Vue Datatable can be found here [here](https://packages.tourismcaravan.com/docs/2/data-table)
## Demo
[DataTable Demo](https://packages.tourismcaravan.com/data-table)
## Quick Example
### **Start create Grid Class**
```php
// app/DataGrid/PostGrid.php
namespace App\\DataGrid;
use Yazan\DataTable\Mysql\Eloquent\Eloquent;
class PostGrid
{
use Eloquent;
public $model = "App\\Models\\Post";
}
```
### **Make an instance from PostGrid class and return the collection**
```php
// app/Http/Controller/PostController.php
public function all(Request $request)
{
$posts = (new PostGrid())->render();
return ['success' => true, 'collection' => $posts];
}
```
### **use the data-table component in your blade**
```html
// resources/posts/index.blade.php
```