I work on razor page asp.net core . I face error Datable id=example can't reinitialize data table ?
so How to solve this error please ?
error happen when change select option printer server
I need when change select on select option printer server then hide or remove table with pagination option first ,next,previous,last etc
first ,next,previous,last etc
<script type="text/javascript"> $(document).ready(function () { $('#PrintServer-select').change(function () { var printserverId = $(this).val(); if (printserverId) { console.log(printserverId); $.ajax({ url: '', type: "GET", dataType: "json", data: { printserverId: printserverId }, success: function (data) { console.log(data); $('#branch-select').empty(); $.each(data, function (i, item) { //console.log(item); $('#branch-select').append($('<option>', { value: item.branchId, text: item.vBranchDesc })); }); var tableShows = $('#example').DataTable({ paging: false }); // Hide the table using jQuery $('#example').hide(); $('#example').DataTable(); if ($.fn.dataTable.isDataTable('#example')) { $('#example').destory(); // The DataTables instance is already initialized } else { // Initialize the DataTables plugin $('#example').DataTable(); } } }); } }); var table = $("#example").dataTable({ "bFilter": false, "bSort": false, "paging": true, "bPaginate": true, "pagingType": "full_numbers", "columnDefs": [ { className: "pad-md-left-p-10 pad-top-bottom-p-10", "targets": [0, 1, 2, 3, 4, 5, 6, 7] } ], "lengthMenu": [[5,10, 15,20, 25, 35, 50, 100, -1], [5,10, 15,20, 25, 35, 50, 100, "All"]], "pageLength": 10 // Set the default page length to 10 }); table.destroy(); }); </script>
error happen on block below
var tableShows = $('#example').DataTable({ paging: false }); // Hide the table using jQuery $('#example').hide(); $('#example').DataTable(); if ($.fn.dataTable.isDataTable('#example')) { $('#example').destory(); // The DataTables instance is already initialized } else { // Initialize the DataTables plugin $('#example').DataTable(); }
image for what i need