Проблема с шириной столбца аффикса заголовка iggrid

Я использую igGrid в нашем приложении MVC с начальной загрузкой. Требование состоит в том, чтобы заголовок сетки был фиксированным, чтобы он был виден, когда пользователь прокручивает длинный список сверху вниз. Обычно заголовок сетки выглядит так:

Проблема в том, что когда я вызываю класс аффикса начальной загрузки, он показывает заголовки сетки, но у них нет ширины. Все они просто слипаются, и это не соответствует правильному заголовку ячейки.

Как я это делаю, получая событие сетки rendered как:

rendered: function (evt, ui) {
    //get grid header elements
    var _thead = $(ui.owner.element[0]).find('thead');

    //call affix
    _thead.affix({ offset: { top: 30 } });        
},

Я не знаю, как я могу исправить ширину заголовка. Любая помощь приветствуется.