evelution87 / alpine-tables
使用 Alpine JS 的 Laravel 数据表
v0.9.52
2024-09-03 06:18 UTC
Requires
- php: ^8.0
- ext-json: *
- evelution87/heroicons: ^2.0
- laravel/framework: ^9.0|^10.0|^11.0
- dev-master
- v0.9.52
- v0.9.51
- v0.9.50
- v0.9.49
- v0.9.48
- v0.9.47
- v0.9.46
- v0.9.45
- v0.9.44
- v0.9.43
- v0.9.42
- v0.9.41
- v0.9.40
- v0.9.39
- v0.9.38
- v0.9.37
- v0.9.36
- v0.9.35
- v0.9.34
- v0.9.33
- v0.9.32
- v0.9.31
- v0.9.30
- v0.9.29
- v0.9.28
- v0.9.27
- v0.9.26
- v0.9.25
- v0.9.24
- v0.9.23
- v0.9.22
- v0.9.21
- 0.9.20
- 0.9.19
- 0.9.18
- 0.9.17
- 0.9.16
- 0.9.15
- 0.9.14
- 0.9.13
- 0.9.12
- 0.9.11
- 0.9.10
- 0.9.9
- 0.9.8
- 0.9.7
- 0.9.6
- 0.9.5
- 0.9.4
- 0.9.3
- 0.9.2
- 0.9.1
- 0.9.0
- 0.5.0
This package is auto-updated.
Last update: 2024-10-03 06:32:04 UTC
README
此软件包为 Laravel 网站提供了一个组件,用于通过 AlpineJS 和 Tailwind CSS 嵌入数据表。
安装
您可以通过 composer 安装此软件包
composer require evelution87/alpine-tables
必须运行以下命令以发布所需资源
php artisan alpinetables:publish
使用方法
可以通过向控制器添加特质来为控制器启用 Alpine Tables。
use \Evelution\AlpineTables\Traits\HasAlpineTable;
您必须包含两个函数的自己的版本
alpineModel()
定义了表将使用的 Laravel 模型。将 'User' 替换为表将与之工作的模型。
public function alpineModel() { return User::class; }
alpineColumns()
定义了将在表上出现的列。(稍后添加文档)
public function alpineColumns() { return [ [ 'key' => 'name', 'label' => 'Name', ], ]; }
可选:alpineSearchColumns()
可以用来定义可以搜索的列。默认情况下,它返回由 alpineColumns()
定义的所有列的列表,但您可能想要自定义此设置。
添加到视图
要将表格插入到视图中,您可以使用 <x-alpine-table>
blade 组件。
<x-alpine-table route="{{ route('ajax.alpine.example') }}" key="example"></x-alpine-table>
route
属性定义了用于加载表格数据的 AJAX 路由。此路由应在您的routes.php
文件中定义。示例
Route::post('ajax/example' [ ExampleController::class, 'alpineRequest'] );
- (可选)
key
属性在将设置(如筛选器)保存到用户的本地浏览器存储时使用。为每个表格使用不同的密钥,以便保存不同的筛选器。或者,您可以使用相同的密钥使筛选器功能跨越不同的表格。
变更日志
请参阅 CHANGELOG 了解最近更改的更多信息。
贡献
请参阅 CONTRIBUTING 了解详细信息。
安全
如果您发现任何与安全相关的问题,请通过电子邮件 craig@evelution.net 而不是使用问题跟踪器。
鸣谢
许可
MIT 许可证(MIT)。有关更多信息,请参阅 许可文件。
Laravel 软件包模板
此软件包是使用 Laravel 软件包模板 生成的。