Data Table with Bootstrap 4 (Full Featured)


[ad_1]
https://i.ytimg.com/vi/yGBk9Nalyq8/hqdefault.jpg



Support Donate for me:
– Patreon : https://www.patreon.com/codetube
– Paypal : paypal.me/TGhazali

Get source: datatables.net/download/

Thank you to my patreon supporters: LELO, (najix naji, Maxim Drobchak)

Thank you very much for watching my new video on this channel Code Tube. You can contribute to this channel by giving support, make the subtitle, like, share and comments.

Original source


28 responses to “Data Table with Bootstrap 4 (Full Featured)”

  1. Is there a way to return an index into the data set when a row element is clicked on? Not a displayed row index, but and actual index into the full set of data. I have 6000 records that i pull from an mysql database and build the data set from that. I want to click on an exposed record and then use the data from that to fill a form on another page. By the way, it took me about an hour but you tutorial was spot on brother, no problems came right up. The code to pull the data from mysql was pretty straight forward. I am old school systems 'C' coder and this is a new experience for me. Thanks for the tutorial.
    ================================================================
    I found it, should have waited to ask.

    Website DataTables row().index()
    This loads the data:
    $('.mydatatable tbody').on( 'click', 'tr', function () {

    alert( 'Row index: '+table.row( this ).data() );

    } );

  2. Hello, how to make the table work when I manipulate the DOM? Say for an example I have a button that will replace all the <tbody> content of the table with new data (am using innerHTML to replace the content), somehow when I try to press the column headers the data table won't work, it will just display "No matching records found". Help please.

  3. Hello
    First of all thank you,
    I have tried your way and i had some trouble
    For instance the function didn't work until i changed it, now it works
    Another two things i'm still having trouble with are:
    1- sorting arrows wont show, i have even tried some other web sites headers and contents and adding my table data. Still it didnt work.
    2- the search bar wont show, and as i said i have tried other websites codes and yet it wont show
    Do they need a server that supports php?

    Popper.js as will, it wont work, when i check it with chrome console it says "syntax error…"

    I have even downloaded all the css and javascripts to a local folder, using the latest jquery, bootstrap css + js, popper, and dataTables css and js

    What is wrong?

Leave a Reply