How to Add Another Datatable in One Page

Hi,
I have 1 page with 3 tables, using gentelella themes, but i don’t know how to initialize datatable to the second and third table.
I’ve tried adding this code but failed.

$(document).ready(function() {
	$('#datatable02').dataTable({
    "bPaginate": true,
    "bInfo": false,
    "bAutoWidth": false });

please help, thank you

Hi there
Hope you are having a good day and thank you for your question :slight_smile:
Can you be more specific? please provide url of the page and let me know what is your goal

Thanks!
Colorlib Support Team

Hi Noda,
thanks for your respond.
I have 2 tables with datatables enable like this

2 tables

table 1
<table id="datatable" class="table table-striped table-bordered">

table 2
<table id="datatable-2" class="table table-striped table-bordered">

extra code for datatables-2

    <script type="text/javascript" class="init">
    $(document).ready(function() {
	$('#datatable-2').dataTable({
     });
});
	</script>

but, datatables not loaded at 2nd table.
Did i miss something?
Thanks for the help

HI there

Sorry, but which of our theme uses these tables?
can i see the url of the page? what is the source of this tables?

Hi,

example from this themes
https://colorlib.com/polygon/gentelella/tables_dynamic.html