Jquery datatable не загружается на всплывающее окно модели

---

Привет,

Я хочу открыть jquery datatable на всплывающем окне модели.
но я получаю пустую сетку. Данные не загружаются.

Что я уже пробовал:

открыть всплывающую функцию модели :

modal.modal().load(actionurl, function () {
                            modal.show();
                            debugger;
                            
                            initializeGrid();
                            
                        });

Код сетки выглядит следующим образом:

var initializeGrid = function () {
            debugger;
            tblZgs = null;
            var jsonData = [{ "userID": "1", "userName": "name1" }, { "userID": "2", "userName": "name2" }, { "userID": "3", "userName": "name3" }];
            if (!$.fn.DataTable.isDataTable($tbl_zgs)) {
                tblZgs = $tbl_zgs.dataTable({
                    data: jsonData,
                    columns: [
                        { data: 'userID' },
                        { data: 'userName' }
                    ]
                });
                //tblZgs.columns.adjust().draw();
            }

Кто-нибудь, пожалуйста, помогите мне.

---