Laravel 8 Datatable Tutorial in Hindi (Server Side/Ajax) With Source Code

Sdílet
Vložit
  • čas přidán 18. 12. 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
    🔶 CZcams 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

Komentáře • 33

  • @PHPTechLife
    @PHPTechLife  Před rokem

    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
    🔶 CZcams 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

  • @debashishjena8174
    @debashishjena8174 Před rokem +2

    good / simplest informatics for ajax datatable 👍

  • @miralsanepara2098
    @miralsanepara2098 Před rokem +3

    if not begginer then start watching from 10:34 main datatable coding

  • @snehaadhav10
    @snehaadhav10 Před 9 měsíci +1

    thank you nicely explained. subscribed🙂

  • @manojjalal9381
    @manojjalal9381 Před 5 měsíci

    I am your fan. Aap kabhi kabhi live video bhe banao sir.
    Hum log bhe apne guru ko dekh sake

  • @easypeasy9107
    @easypeasy9107 Před 3 měsíci

    how to custom filters like city and state

  • @user-zz3gk6oc8v
    @user-zz3gk6oc8v Před rokem

    nice explanation thank you

  • @anuj63321
    @anuj63321 Před rokem

    Hlw sir,
    I am using laravel with mongodb can i use same datatable for myproject??

    • @PHPTechLife
      @PHPTechLife  Před rokem

      I didn't used laravel with mongodb, if it supports mongodb then it will definitely work

  • @bhargavramani8006
    @bhargavramani8006 Před 2 lety +2

    sir vs code me terminal default aa ta he artisan command aap use kashk te ho

  • @YogeshPatil-ip8fy
    @YogeshPatil-ip8fy Před 2 lety +2

    Sir 50 lakh records fast load ho jayenge kya?

    • @PHPTechLife
      @PHPTechLife  Před 2 lety +3

      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.

  • @user-qu7yi4sv9t
    @user-qu7yi4sv9t Před rokem

    can we use use cdn if not using that files ??

  • @darjipavan5112
    @darjipavan5112 Před 2 lety +1

    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 🙏✌

  • @sufiyanjaved1553
    @sufiyanjaved1553 Před 2 lety

    sir data ke saath action ke liye anchor or button tag legana ho toh

    • @PHPTechLife
      @PHPTechLife  Před 2 lety +1

      I think I should create full crud on datatable, so you will get a complete idea.

    • @user-qu7yi4sv9t
      @user-qu7yi4sv9t Před rokem

      $(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`;
      }
      }

      ]
      });

  • @aishwaryjoshi3270
    @aishwaryjoshi3270 Před rokem

    Sir Isme edit delete button kese la gaye?

    • @PHPTechLife
      @PHPTechLife  Před rokem

      did you saw the whole video

    • @user-qu7yi4sv9t
      @user-qu7yi4sv9t Před rokem

      $(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`;
      }
      }

      ]
      });

  • @ankithamirani4491
    @ankithamirani4491 Před 7 měsíci +1

    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..++

    • @PHPTechLife
      @PHPTechLife  Před 7 měsíci

      Thanks for your suggestion bro 👍

  • @mdraselmiah7429
    @mdraselmiah7429 Před rokem

    source code link don't work