Laravel 8 Datatable Tutorial in Hindi (Server Side/Ajax) With Source Code
HTML-код
- Опубликовано: 18 дек 2021
- Please subscribe to my channel and hit the notification bell, so you don’t miss any of my new videos.
➡️ bit.ly/PHPTechLife
Topic:
In this tutorial, I have integrated datatable in Laravel 8. Datatable is very useful when you want to list records in tabular format and you don't want to load the page while pagination. The integration I've explained is server-side and ajax based. You will see a complete explanation step by step in an easy way and you will find all the required assets and steps file in the description box, so learn and enjoy datatable integration in laravel/
Instructions file:
bit.ly/3q89hrS
-------------------------------
Download assets and SQL files:
bit.ly/3FaDTPK
-------------------------------
Source Code:
bit.ly/30F4ENe
-------------------------------
🔸 ------ My Recommended Hosting -----🔸
Hostinger: www.hostg.xyz/SHAhR
🤝 LET’S BECOME FRIENDS!!
-------------------------------
/ phptechlife
/ mohitsingh_techie
📹 OTHER VIDEOS YOU CAN CHECK OUT...
-------------------------------
Laravel 8 tutorial in Hindi (Introduction) | part 1 🔥 2021
• Laravel 8 tutorial in ...
Laravel 8 tutorial in Hindi (Composer) | part 2 🔥 2021
• Laravel 8 tutorial in ...
Laravel 8 tutorial in Hindi (Installation) | part 3 🔥 2021
• Laravel 8 tutorial in ...
Laravel 8 tutorial in Hindi (Create First Page) | part 4 🔥 2021
• Laravel 8 tutorial in ...
Laravel 8 tutorial in Hindi (Controller) | part 5 🔥 2021
• Laravel 8 tutorial in ...
Laravel 6 CRUD APPLICATION in Hindi (Playlist)
• Laravel CRUD applicati...
🌼Tags 🌼
-------------------------------
#laravel8_datatable
#laravel_datatable_integration
#laravel_datatable_tutorial_in_hindi
🔶 RUclips Equipments:-
1) 2020 Apple Mac Mini ♦︎ amzn.to/3yuisa9
2) WD Elements USB 3.0 1TB Portable External Hard Drive ♦︎ amzn.to/3Ro8Ru6
3) JBL Headphone ♦︎ amzn.to/3AKz7Jg
4) Dell E2420HS 24 Inch (60.9 cm) FHD (1920 x 1080) LED Backlit LCD IPS Monitor amzn.to/3RojihB
5) boAt Rockerz 450 ♦︎ amzn.to/3PdNR7M
🔶 Microphone
1) Boya BYM1 Omnidirectional Lavalier Condenser Microphone ♦︎ amzn.to/3ySYk32
2) Maono AU-903 Portable USB Microphone ♦︎ amzn.to/3c28WDO
🔶 Keyboard
1) Logitech K120 Wired Keyboard for Windows ♦︎ amzn.to/3nV2bWQ
2) HP K500F Gaming Keyboard ♦︎ amzn.to/3yuVlMT
3) Apple Magic Keyboard with Numeric Keypad ♦︎ amzn.to/3yvuakW
Please subscribe to my channel and hit the notification bell, so you don’t miss any of my new videos.
➡ bit.ly/PHPTechLife
👇 Follow Me On Social Media:
facebook.com/phptechlife
instagram.com/mohitsingh_...
twitter.com/phptechlife
🔶 My Recommended Hosting
Hostinger: www.hostg.xyz/SHAhR
HostArmada: bit.ly/3p5ZmTO
BlueHost: bluehost.sjv.io/6bNebK
🔶 RUclips Equipments:-
1) 2020 Apple Mac Mini ♦︎ amzn.to/3yuisa9
2) WD Elements USB 3.0 1TB Portable External Hard Drive ♦︎ amzn.to/3Ro8Ru6
3) JBL Headphone ♦︎ amzn.to/3AKz7Jg
4) Dell E2420HS 24 Inch (60.9 cm) FHD (1920 x 1080) LED Backlit LCD IPS Monitor amzn.to/3RojihB
5) boAt Rockerz 450 ♦︎ amzn.to/3PdNR7M
🔶 Microphone
1) Boya BYM1 Omnidirectional Lavalier Condenser Microphone ♦︎ amzn.to/3ySYk32
2) Maono AU-903 Portable USB Microphone ♦︎ amzn.to/3c28WDO
🔶 Keyboard
1) Logitech K120 Wired Keyboard for Windows ♦︎ amzn.to/3nV2bWQ
2) HP K500F Gaming Keyboard ♦︎ amzn.to/3yuVlMT
3) Apple Magic Keyboard with Numeric Keypad ♦︎ amzn.to/3yvuakW
good / simplest informatics for ajax datatable 👍
if not begginer then start watching from 10:34 main datatable coding
thank you nicely explained. subscribed🙂
Thanks for your support.
how to custom filters like city and state
I am your fan. Aap kabhi kabhi live video bhe banao sir.
Hum log bhe apne guru ko dekh sake
sure, bhai
nice explanation thank you
Glad it helped you.
Hlw sir,
I am using laravel with mongodb can i use same datatable for myproject??
I didn't used laravel with mongodb, if it supports mongodb then it will definitely work
can we use use cdn if not using that files ??
Yes, you can use CDN
sir vs code me terminal default aa ta he artisan command aap use kashk te ho
ok
Sir 50 lakh records fast load ho jayenge kya?
that's not a good practice to fetch and show a large number of records on a single page, for better use pagination and select limited no of records, and in this example that was clearly described.
sir data ke saath action ke liye anchor or button tag legana ho toh
I think I should create full crud on datatable, so you will get a complete idea.
$(document).ready(function(){
$('#datatable').DataTable({
processing: true,
serverSide: true,
order: [[ 0, "desc" ]],
ajax: "{{ url('quotes-data') }}",
columns: [
{ data: 'first_name' },
{ data: 'last_name' },
{ data: 'email' },
{ data: 'phone' },
{ data: 'company_name' },
{ data: 'city' },
{ data: 'no_of_parking_spots' },
{
data:null,
render:function(data,row,type){
return `Delete`;
}
}
]
});
Sir, laravel ke all topic cover karna please sir , and sir api kaise banate hai wo bhi batana and sir project bhi ho sake to please Sir banaiye 🙏✌
Sure
Yes sir please make a video on how to create api's also create a laravel project.. Please sir 🙏
php series achhi he but is vale video me maja nahi aaya..!! kyuki json file ka use karke direct copy past kar rahe ho..## or aapne source code bhi de diya achhi baat hai but isme sikhne ko nahi mil raha he..$$ to mera suggestion ye he ki isi datatable or pagination vale video ko merge karke ek simple todo list create karke dikha do jisme ek name ho or ek product ho or upar ek searchbar jisme se ham products ko search kar paye..@@ or niche pagination...^^ esa kuchh bana kar agar aap explain karte ho to sayad aapka video or bhi informative ban sakta hai..// i know video thoda long hoga but trust me aap bahot kuchh isme sikha sakte ho..++
Thanks for your suggestion bro 👍
Sir Isme edit delete button kese la gaye?
did you saw the whole video
$(document).ready(function(){
$('#datatable').DataTable({
processing: true,
serverSide: true,
order: [[ 0, "desc" ]],
ajax: "{{ url('quotes-data') }}",
columns: [
{ data: 'first_name' },
{ data: 'last_name' },
{ data: 'email' },
{ data: 'phone' },
{ data: 'company_name' },
{ data: 'city' },
{ data: 'no_of_parking_spots' },
{
data:null,
render:function(data,row,type){
return `Delete`;
}
}
]
});
source code link don't work
what is the issue?