Datatables example minimal 87kb dependencies

Costas · Mar 17, 2020

JavaScript:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap.min.js"></script>


//https://datatables.net/



<script>
 
$(document).ready(function() {
    $('#main_table_countries').dataTable({
        "scrollCollapse": true,
        "order": [
            [1, 'desc']
        ],
        "sDom": '<"bottom"flp><"clear">',
        "paging": false
    });
});
 
</script>
 
[TABLE]
[TD]
    [TR]
        [TD]
            Country,<br>Other
        [/TD]
        [TD]
            Total<br>Cases
        [/TD]
        [TD]
            New<br>Cases
        [/TD]
        [TD]
            Total<br>Deaths
        [/TD]
        [TD]
            New<br>Deaths
        [/TD]
        [TD]
            Active<br>Cases
        [/TD]
        [TD]
            Total<br>Recovered
        [/TD]
        [TD]
            Serious,<br>Critical
        [/TD]
    [/TR]


 
    [TR]
        [TD]
            China
        [/TD]
        [TD]
            80,430
        [/TD]
        [TD]
            +160
        [/TD]
        [TD]
            3,013
        [/TD]
        [TD]
            +32
        [/TD]
        [TD]
            25,158
        [/TD]
        [TD]
            52,259
        [/TD]
        [TD]
            5,952
        [/TD]
    [/TR]
    [TR]
        [TD]
            Italy
        [/TD]
        [TD]
            3,089
        [/TD]
        [TD]
        [/TD]
        [TD]
            107
        [/TD]
        [TD]
        [/TD]
        [TD]
            2,706
        [/TD]
        [TD]
            276
        [/TD]
        [TD]
            295
        [/TD]
    [/TR]

    [TR]
        [TD]
            Vietnam
        [/TD]
        [TD]
            16
        [/TD]
        [TD]
        [/TD]
        [TD]
        [/TD]
        [TD]
        [/TD]
        [TD]
            0
        [/TD]
        [TD]
            16
        [/TD]
        [TD]
        [/TD]
    [/TR]



    [TR]
        [TD]
            [B]
                Total:
            [/B]
        [/TD]
        [TD]
            96,979
        [/TD]
        [TD]
            1,811
        [/TD]
        [TD]
            3,311
        [/TD]
        [TD]
            57
        [/TD]
        [TD]
            39,685
        [/TD]
        [TD]
            53,983
        [/TD]
        [TD]
            6,422
        [/TD]
    [/TR]

 [/TABLE]

author - https://sprymedia.co.uk/

https://datatables.net/reference/api/rows().data()

https://datatables.net/manual/data/

https://datatables.net/reference/option/

https://datatables.net/examples/ajax/objects.html

https://datatables.net/reference/option/ajax.data

https://github.com/DataTables/DataTables/tree/master/examples

Datatables example minimal 87kb dependencies

Costas

Administrator