Нарисуйте таблицу данных, когда document.ready

Question

Есть ли способ автоматически перетащить данные после document.ready? Это означает, что рисовать данные можно без каких-либо действий, таких как изменение сортировки, фильтрации или подкачки страниц?
Вот как на самом деле я это делаю, но это просто работает, если я выполняю одно из упомянутых действий, и мне нужно сделатьэто без этого действия. Это возможно?

$(document).ready(function(){


           var table = $('#dataTable').DataTable();

            // Event listener for DT 1.10+
            table.on('draw', function() {
                $(".auditButton.Submitted").removeClass('btn-outline-primary');
                $(".auditButton.Submitted").addClass('btn-outline-success');
                $(".auditButton.Expired").addClass('btn-outline-danger');
                $(".auditButton.Capturable").addClass('btn-outline-warning');
            });
        });

Использование body.onload

 $(document).ready(function(){

            $(document).on('load','body *',function(){
                $(".auditButton.Submitted").removeClass('btn-outline-primary');
                $(".auditButton.Submitted").addClass('btn-outline-success');
                $(".auditButton.Expired").addClass('btn-outline-danger');
                $(".auditButton.Capturable").addClass('btn-outline-warning');
                });
            });

Answer 1

Я дал вам пример, я позволю вам адаптировать его.

$( document ).ready(function() {
    $('#test').text('Insert text after on load webpage!');
});

https://jsfiddle.net/NicolasLsn/whvoa7yg/14/

Answer 2

Да, вы можете. В момент загрузки тела.

body.onload = function(){myScript};

или перегрузки на другой объект:

object.onload = function(){myScript};