Как частично изменить шрифт ячейки с данными webix?

У меня есть таблица данных, в которой одна из ячеек (1-я строка, столбец сообщений) окрашена. Во всех ячейках в столбце «Сообщение» отображается многострочное сообщение.

Фрагмент: https://webix.com/snippet/cf9d8a62

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

Можно ли это сделать? Пожалуйста помоги.

Спасибо.


datatable css webix
person A.G.Progm.Enthusiast    schedule 22.02.2018    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Вы можете использовать здесь литералы шаблонов и изменить петля.

for(var i in p_list) {
 var item = p_list[i];
 if (item === 'world') {
   item = `<span style="color:green;font-weight:bold">o ${item}</span>`;

   /* 
   or you can give it a class and style the item accordingly in css
   item = `<span class="green">o ${item}</span>`;
   */

 } else {
   item = `<span>o ${item}</span>`;
 }

   e_item += item + "<br>";
 }
person VilleKoo    schedule 22.02.2018
comment
Спасибо, это то, что я хотел, я внес изменения, которые вы предложили в webix.com/snippet/4b85e448 - person A.G.Progm.Enthusiast; 22.02.2018
comment
@A.G.Progm.Enthusiast кулио! И если вы хотите, вы можете добавить display:block к элементам <span>, а затем вы можете опустить этот тег <br> - person VilleKoo; 22.02.2018