JqWidgets - применение темы к jqxgrid

Question

В Angular я пытаюсь применить тему к моей сетке.

Моя сетка

          <div class="panel-body">
            <jqxGrid #reference 
              [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
              [editable]='true' [columns]='columns'>
           </jqxGrid>

          </div>    

В папке jqwidgets есть тема, которую я хотел бы использовать для таблицы в jqx.energyblue.css.

Я не уверен, как назвать это в сетке, которую я создал. Я новичок в этом. Буду признателен за любую оказанную помощь.

ОБНОВИТЬ***

Возможно, я добился определенного прогресса. В index.html я смог установить свойство темы.

  <link href="assets/css/jqx.base.css" rel="stylesheet">
  <link href="assets/css/jqx.energyblue.css" rel="stylesheet">
  <script type="text/javascript">
        $(document).ready(function () {
            // Set the theme.
            $("#jqxTheme").jqxGrid({ theme: "energyblue" });
        });
    </script>

Затем внесены изменения в самой сетке.

              <div class="panel-body">
                <jqxGrid id='jqxTheme'
                  [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
                  [editable]='true' [columns]='columns'>
               </jqxGrid>

              </div>

Тем не менее это не работает. Есть идеи?

Answer 1

Понял. Примените название темы CSS к вашей jqxGrid

   <jqxGrid
      [width]='1505' [source]='dataAdapter' [pageable]='true' [height]='500'
      [editable]='true' [columns]='columns' [theme]='"energyblue"'>
   </jqxGrid>