defstudio/wired-tables

Laravel Livewire 数据表格

v0.2.43 2024-07-15 14:15 UTC

README

Laravel Livewire 数据表格

Latest Version on Packagist GitHub Tests Action Status GitHub Code Style Action Status Total Downloads

在这里应该放你的描述。尽量限制在一两段之内。考虑添加一个小示例。

支持我们

我们投入了大量资源来创建 最佳类别的开源包。您可以通过 购买我们的付费产品之一 来支持我们。

我们非常感谢您从家乡寄来明信片,并提到您正在使用哪些我们的包。您可以在 我们的联系页面 上找到我们的地址。我们将发布所有收到的明信片在 我们的虚拟明信片墙上

安装

您可以通过 composer 安装此包

composer require defstudio/wired-tables

您可以使用以下命令发布配置文件

php artisan vendor:publish --tag="wired-tables-config"

这是发布配置文件的内容

return [
];

可选地,您可以使用以下命令发布视图

php artisan vendor:publish --tag="wired-tables-views"

tailwind 配置

为了保留 wired tables 的 tailwind 类,请将以下内容添加到您的 tailwind.config.js

module.exports = {
    content: [
        //...
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/wire-elements/modal/resources/views/*.blade.php',
        //...
    ],
    theme: {
        extend: {},
    },
    plugins: [],
    prefix: 'tw-',
    corePlugins: {
        preflight: false,
    }
}

与其他框架(例如 bootstrap)一起使用 tailwind

configs/wired-tables.php 中设置 style = tailwind_3_prefixed 配置(有关发布配置文件的信息,请参阅上面)(

并将以下内容添加到您的 tailwind.config.js

module.exports = {
    content: [
        //...
        './vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php',
        './vendor/wire-elements/modal/resources/views/*.blade.php',
    ],
    
    //...
    
    prefix: 'tw-',
    corePlugins: {
        //...
        preflight: false,
    }
}

使用方法

$wiredTables = new DefStudio\WiredTables();
echo $wiredTables->echoPhrase('Hello, DefStudio!');

测试

composer test

变更日志

请参阅 CHANGELOG 了解最近更改的详细信息。

贡献

请参阅 CONTRIBUTING 了解详细信息。

安全漏洞

请查看 我们的安全策略 了解如何报告安全漏洞。

鸣谢

许可证

MIT 许可证 (MIT)。有关更多信息,请参阅 许可证文件

待办事项文档

可以通过发布它们来覆盖视图

php artisan vendor:publish --tag="wired-tables-views"

也可以在单个表格上覆盖视图

MyTable extends WiredTable{
    public function mainView(): string
    {
        return 'custom-main-view';
    }

以下视图方法可以被覆盖

  • mainView():表格的主要容器视图
  • tableView():主要表格视图