Таблица искажается при зависании столбцов в таблицах данных

Question

Я использую данные Jquery.Данные для таблицы отображаются динамически.Я хочу заморозить первые 2 столбца в таблице данных.Но таблица искажается, когда я добавляю код для замораживания столбцов.

  $('#example1').dataTable({
                        data:data.data,
                        columns:data.columns,
                        paging:         false,
                        scrollX:       true,
                        scrollY:false,  
                         scrollCollapse: true,
                        fixedColumns:   {
                            leftColumns: 2
                        },
                        "columnDefs": [ {
                            "targets": colStyleArray,
                            "createdCell": function (td, cellData, rowData, row, col) {
                            //  console.log("td"+td+"cellData"+cellData+"rowData"+rowData+"row"+row+"col"+col);
                              if ( colStyleArray.indexOf(col)!=-1 ) {
                                $(td).addClass("bg-info")
                              }
                            }
                          } ]

                    });

Фактический результат (после использования фиксированных столбцов):

Результат получается следующим образом. Если я не использую код Фиксированные столбцы: