How to use Datatable with Vue js in hindi. Source code available.

แชร์
ฝัง
  • เผยแพร่เมื่อ 9 พ.ย. 2024
  • Learn how to use Datatables with Vue js.
    Github source code link : github.com/lea...
    Datatables Link : datatables.net/
    Posts API : jsonplaceholde...
    Packages I have used :
    npm install --save axios
    npm install --save bootstrap
    npm install --save jquery
    npm install --save jszip
    npm install --save pdfmake
    npm install --save datatables.net-bs4
    npm install --save datatables.net-buttons-bs4

ความคิดเห็น • 36

  • @adityatadaskar6833
    @adityatadaskar6833 3 ปีที่แล้ว +1

    Hi bro
    How we can get data such as text file or XML file from local storage on clicking a button. Please help

  • @yoskokleng3658
    @yoskokleng3658 2 ปีที่แล้ว

    Please make this video about edit and delete button in each row

  • @noranmostafa1556
    @noranmostafa1556 2 ปีที่แล้ว

    Thanks very much 💕

    • @dr-mnizam
      @dr-mnizam 2 ปีที่แล้ว

      This video shows using vue with google sheet: th-cam.com/video/EThaucDBY6g/w-d-xo.html

  • @alimurtaza5295
    @alimurtaza5295 2 ปีที่แล้ว

    how to use index for serial no???which automaticly serailize??

  • @qamarshahzad5719
    @qamarshahzad5719 3 ปีที่แล้ว +1

    nice video ...thanks bro

    • @qamarshahzad5719
      @qamarshahzad5719 3 ปีที่แล้ว +1

      i have a question. can we add Action column in datatabel for edit or delete button?

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Yes you can add. thanks for the question I will make another video for it.

    • @qamarshahzad5719
      @qamarshahzad5719 3 ปีที่แล้ว +1

      @@learntocode9189 please make video ASAP..

  • @Thisarusaduranga
    @Thisarusaduranga 3 ปีที่แล้ว +1

    thanks...

  • @happychristian1389
    @happychristian1389 3 ปีที่แล้ว +1

    Hi bro can you please make vue js 3 video to work with axios package and pass some header and authentication data to get token and store it to local storage and use it after each Api call?

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Thanks for the query, I will upload video for the same till evening.
      Keep asking such queries, Thank you :)

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Hello @Happy Christian I have uploaded the video please check and sorry for the delay.

    • @happychristian1389
      @happychristian1389 3 ปีที่แล้ว

      Thanks brother really appreciated

  • @hammadhasan7555
    @hammadhasan7555 2 ปีที่แล้ว +1

    how to add edit or delete buttons with datatable ?

    • @learntocode9189
      @learntocode9189  2 ปีที่แล้ว

      Checkout other video for the same
      th-cam.com/video/SXOjSL_mgow/w-d-xo.html

  • @arimbawadx
    @arimbawadx 2 ปีที่แล้ว

    Hi bro i have a problem in vue 3, duplicate search and pagination control when back to another routerlink, how to solve this?

    • @learntocode9189
      @learntocode9189  2 ปีที่แล้ว

      Allow me some time, I will tell you the solution.

  • @demowork2641
    @demowork2641 3 ปีที่แล้ว +1

    how to add modal on edit button in datatabel?

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว

      Hello @Demo Work,
      Use bootstrap modal button in render function, if not worked let me know.

    • @demowork2641
      @demowork2641 3 ปีที่แล้ว +1

      @@learntocode9189 kindly make a video on this thanks

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Ok

  • @jeiko334
    @jeiko334 3 ปีที่แล้ว +1

    Good afternoon time I want to download the project you can put the link

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      I will post the link in description.
      github.com/learntocode71/vue-datatable

  • @camiloescobar9017
    @camiloescobar9017 3 ปีที่แล้ว +1

    hello good video, does it work for vue 3?

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Yes it will, please try. If won't work let me know I will come up with the solution.

    • @camiloescobar9017
      @camiloescobar9017 3 ปีที่แล้ว +1

      ​@@learntocode9189 its working!
      Do you have any patreon page? I will suscribe if there is more vue 3 content.

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      No buddy I don't have, but don't worry I will create new videos on vue 3. Please share the problems which you are facing in vue 3, so I can make relevant videos.

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      I assured you that I will post solution video within 24 hours.

  • @happychristian1389
    @happychristian1389 3 ปีที่แล้ว +1

    Hi bro, i'm getting error
    This dependency was not found:
    * bootstrap.dist/css/bootstrap.min.css in ./src/main.js
    To install it, you can run: npm install --save bootstrap.dist/css/bootstrap.min.css
    Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      Hello @Happy Christian
      You wrote wrong import path it should be like :- import "bootstrap/dist/css/bootstrap.min.css"

    • @happychristian1389
      @happychristian1389 3 ปีที่แล้ว +1

      @@learntocode9189 got it bro now it's throwing error about jQuery so installing it again

    • @happychristian1389
      @happychristian1389 3 ปีที่แล้ว +1

      Actually i have just started with js and this framework

    • @learntocode9189
      @learntocode9189  3 ปีที่แล้ว +1

      I am starting series on vue js soon

    • @happychristian1389
      @happychristian1389 3 ปีที่แล้ว +1

      @@learntocode9189 thank you bro appreciated