Powergrid Databable using laravel | livewire datatable | part 2 | Powergrid Header, Footer, Exports

hey guys welcome back to the part two of the power grid video in the previous video we did this data table with the help of power grid now let's check what can we change and what are the configuration we have in power grid firstly let's change the search Style it's too rounded for that we need to publish view file of the power grid let's do it PHP Artisan vendor column publish and hit enter let's publish the password which is in the 20th position let's check the view folder now we have a new folder called vendor go inside it liver power grid components framework Tailwind inside the header here is the search.blade.phpy file open it let's change the rounded folder rounded MD refresh the page now it's look good now let's change something in the PHP file we can hide the check Boxes by commenting so checkboxes method by default this method takes ID of the table but you can modify that by custom ID field name as argument like this since we don't have any custom ID we don't need it so let's comment it by removing so search input from header you can remove the global Source option refresh the page yeah it is removed you can add column visible toggle button by adding so toggle column method like this and you can add custom view to the table for that we have to use include view on top method or include view on button method let's create a custom component PHP artisan make component top component now add the path inside the method let's uncomment this inside the component and check yes it is showing in the browser here you can add your custom styling or anything you want you can render any public data to the component also for example let's copy this default is the default page name you can change that by adding public property dollar table name let's check this I think I forgot to specify the type and the type page string let's change it on the table is it is working properly similarly you can add the component on the bottom of the header refresh the page and check now go to the footer part you can change the power page view by using these two properties you can change the pagination details also like full sort and Mini by using pagination method you can add custom paginations similarly as we added custom component on the header we can add the custom component to the footer also now let's check the export option by commenting the exportable we can remove the export option currently we can only export CSV and Excel files and these are all property that you can override inside your table thank you so much for watching please do like and subscribe to my channel

Channel: Code with RD

Views: 853

Keywords: laravel, livewire, powergrid, datatable, tailwind, php, framework

Id: _A_VKY0B4vU

Length: 10min 19sec (619 seconds)

Published: Sun Jan 29 2023