YajraBox Laravel Datatable | Introduction #1

[Music] welcome to Pitt films and you know in Hindi language there's a word called yatra yatra means journey so let me take you a journey or I can say yatra of hijra so what is Yatta Yatta box is just a website which is having more of the tools but the most famous tool is yatra data table and yatra box data table so we are going to start this series where we are going to see how we can set up yatra box so did a table on a heart level project but before doing that we know we have a simple table so vitally we need yatra so this episode is all about the introduction and why we need yatra so here I have a simple level app and I have created the lock in odd system and if I go on database yeah I have seeded the database user table is simple empty and here I have done something that means I have the table and I'm looking through all the users and printing a name and email and that exactly coming from the controller of home controller which we get by using PHP make hot so what exactly I'm going to do I'm going to yeah I have the tinkerer already running here so if you don't know you can simply start the tinker like this and you don't need to give the sudo so let's say I'm going to create a new user and by using this factory so I'm just going to hit it and yes I have a new user and if I copy this you can see the table is filled with the user copy and go to Chrome and let's login so on the home page here you can see I have the table and showing name and email which is exactly coming from this home dot plate and you can see we have this table and that is exactly this this is okay for now but what if I eight more data so I just going to create 1000 users so it will just take one or two second to create 1000 users by using the factory and if i refresh all the thousand users are listed here so because we are just doing this so it's not a problem to load thousand users but still it takes some amount of time and if we are on real project we are loading lots of things that creates problem so generally what we do we do simple pagination so instead of having all I will say page innate let's say 10 okay so I am just getting the 10 so yeah delete this one yeah so I'm just getting the 10 but to get other lists or other details what we need to do we just need to use the pagination links so users arrow links and this one is done and now at the bottom you can see we have the pagination link but again every time it refreshes the page we don't want this so if you are doing these things you have a table so what you generally do you use data table so if I go to Georgia box itself yeah data table dotnet is there and that exactly used by date yeah drop box but if you're just going to use the data table you need to have this too things like CSS for data table so let's use the CSS so on the app dot plate I am going to have the CSS so link of CSS and this one that's done then I'm going to use the GS for this so let's just comment this file and at the bottom after this a script using source of this so actually the source has to be like HTTP okay this and also here HTTP HTTPS and because we are using data table we need to use jQuery CDN so let's use CDN also and let's get minified version which is this and you need to have this just above the J's of data table then at last you need to have this simple script which is initializing the data table so like this okay and then you need to have this ID on your table so I am going to give the ID of my table because now if I go refresh this page it's looking yeah it's having these thing but actually we don't want this link for now and then we don't want even we don't want these these things looping and now I am just going to have all the users so if I now refresh it says no data in the data table and now what we need to do actually we need to go here and yeah getting all these users and refresh so now I have all the users but this time I can just pigeon ate and there is no refreshin it is a little faster than the previous thing but you know if I go on the source page you can see it is having all the thousand users and again this is not exactly we want so I'm going to do one more thing let's take it another level 10,000 users so I'm going to make 10,000 users by using the factory on our data database so this will create 10,000 users so if i refresh yeah 4700 is already created and 6300 so it's doing these things so what you expect it will it take time to load or will it do all these things very fast we will see evens we have so we have all the 10000 data so eleven thousand one thousand from previous then go to Chrome refresh this page and yeah you can see it's still loading loading loading and loading okay so here is the problem so this makes problem because as I told you on the source page you can see it is still again even the source code is he'll taking time to load because we are loading eleven thousand users that's pretty huge so it is done and you can scroll till the night okay so now comes the second part so yes on the data table you can simply use our other things like if I go to the example part and here you can use the edge X or server-side system but again to set up all these things is very very dangerous so you need to refer to the documentation again and again and that create problem here comes our yatra box level data table this is so cool that you don't need to do lots of things so now the edge X part that means load in the fields which is required searching on the fly is all done just level data table by yatra boxes so from the next episode we are going to start the installation process and how going to set up the level data table on our level project and loading 11,000 data with Yarra box level data table so if you are excited about this series what you are waiting for the school and subscribe to this channel like betweens on Facebook Twitter and Instagram we will meet in the next episode till then good bye

Channel: Bitfumes

Views: 34,375

Keywords: datatable, yajrabox, laravel datatables, laravel datatables tutorial, laravel datatables ajax, datatable laravel pagination, datatable laravel ajax, datatable laravel 5.6, yajra datatables laravel 5.6, yajra datatables laravel 5.5, yajrabox laravel, yajrabox datatables, laravel yajra datatable example, yajra datatables laravel, datatables, datatables tutorial, datatables jquery tutorial

Id: AwTiTrP3M7o

Length: 8min 30sec (510 seconds)

Published: Wed Oct 24 2018