Блог

У кого-нибудь есть пример, показывающий, как заголовки столбцов могут быть оформлены в интерактивной сетке?

Я бы хотел, чтобы заголовки столбцов в каждой из 4 разных групп столбцов имели разный цвет фона, чтобы сделать группы более различимыми:

Не похоже, что есть способ легко назначить стиль группе столбцов через интерфейс разработчика. Итак, я попытался использовать идентификатор TH:

 #R141502556723241100_ig_grid_vc_cur {
    background-color: #242d45;
    color: #ffffff;
}
  

но вместо изменения цвета фона для термина / элемента TH, он изменяет цвет фона для любого элемента, на который нажимается.

Сначала добавьте статический идентификатор в свой IG.

• Статический идентификатор: my-static-id

Затем вы можете использовать следующий фрагмент css:

 
/*

where the value between the quotation marks ("") is the index of the column heading

*/
#my-static-id  th[data-idx="0"] { 
  background-color: rebeccapurple;
}

#my-static-id  th[data-idx="1"] {
  background-color: green;
}

  

Результат: