Da li ćemo raditi korak po kaorak ili ćemo koristiti plugim koji već postoji?

Ovaj put:

! Koristiti plugin za jQuery !!

Prvo u head ubaciti jquery, CDN link, a posle toga pogledati stranicu za koju je postavljen link ispod.

Savet:

Prilikom postavljanja dataTable (malo početno slovo da bi bio API), koristiti parametre unutar malih zagrada:

Znači:

u head dodati:

    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.5/css/jquery.dataTables.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script src="https://cdn.datatables.net/1.11.5/js/jquery.dataTables.min.js"></script>

Tabela mora imati thead i tbody da bi ovo radilo !

(red u kojem su th elementi treba da je između tagova <thead> i </thead>,

 a ostali redovi treba da su između tagova <tbody> i </tbody> )

    <table id="Tabela" class="display" style="width:50%">
   .....
   
    <script>
        $(document).ready(function () {
            
            $('#Tabela').dataTable({searching: false, paging: false, info: false});
        });
    </script>

Last modified: Monday, 20 June 2022, 11:13 AM