The latest articles on Forem by Deva Muthusamy (@devawebdeveloper). https://forem.com/devawebdeveloper https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F644450%2Ffadf2101-8d22-4e6a-86e7-cdf51e5caa99.jpeg https://forem.com/devawebdeveloper en Deva Muthusamy Fri, 03 Jun 2022 02:48:34 +0000 https://forem.com/devawebdeveloper/data-table-package-for-laravel-livewire-foe https://forem.com/devawebdeveloper/data-table-package-for-laravel-livewire-foe <p>It’s an easy way to manage data and columns by GUI</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--bXXJQstd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://blog.bladetailui.com/wp-content/uploads/2022/05/livewire-datatable-screenshot-1024x493.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--bXXJQstd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://blog.bladetailui.com/wp-content/uploads/2022/05/livewire-datatable-screenshot-1024x493.png" alt="Laravel livewire data table" width="880" height="424"></a></p> <p>In this livewire data table, you can manage data efficiently in GUI. You can add and edit columns and make columns sortable, searchable, editable, and filterable. You can edit data inline and delete it!</p> <h2> Install via composer </h2> <div class="highlight js-code-highlight"> <pre class="highlight php"><code><span class="n">composer</span> <span class="k">require</span> <span class="n">devaweb</span><span class="o">/</span><span class="n">livewire</span><span class="o">-</span><span class="n">data</span><span class="o">-</span><span class="n">table</span> </code></pre> </div> <h2> Use it... </h2> <div class="highlight js-code-highlight"> <pre class="highlight php"><code> <span class="o">@</span><span class="nf">livewire</span><span class="p">(</span><span class="s1">'livewire-data-table'</span><span class="p">,</span> <span class="p">[</span> <span class="s1">'model'</span> <span class="o">=&gt;</span> <span class="err">\</span><span class="nc">App\Models\User</span><span class="o">::</span><span class="n">class</span> <span class="p">],</span> <span class="nb">key</span><span class="p">(</span><span class="s1">'table-1'</span><span class="p">))</span> </code></pre> </div> <p><a href="https://bladetailui.com/livewire-data-table/home">See full documentaion</a></p> laravel Deva Muthusamy Sun, 06 Jun 2021 05:10:34 +0000 https://forem.com/devawebdeveloper/bladetail-ui-the-blade-ui-components-with-tailwind-css-and-alpine-js-16eh https://forem.com/devawebdeveloper/bladetail-ui-the-blade-ui-components-with-tailwind-css-and-alpine-js-16eh <p>In this article, we will know about the new package for laravel called BladeTailUI. the BladeTailUI package is the blade UI components with the Tailwind CSS and the alpine js.</p> <p>Nowadays, Laravel and its package jetstream with livewire stack mainly use TailwindCss for styling. So, this package more helpful to create a UI.</p> <p>This package has basic elements like buttons, inputs, select, dropdown, tabs, as blade components with the style based on TailwindCSS. So, you can easy to use it.</p> <p><a href="https://bladetailui.com">Read full documentation here...</a></p> laravel blade tailwindcss alpinejs