How to Background color to the cell in Tree grid

  1. #1

    How to Background color to the cell in Tree grid

    Hi

    Is it possible to give background color or change Font of particular cell in tree grid?.
  2. #2
    Hi,

    Please use Renderer for Column
    <Renderer Fn="myCellRenderer"/>
    var myCellRenderer = function(value, metaData, record, rowIndex, colIndex, store) {
      if(rowIndex == 5 && colIndex == 1){ 
    	metaData.css = 'name-of-css-class-you-will-define';
      }
      return value;
    };
    
    or 
    
    var myCellRenderer = function(value, metaData, record, rowIndex, colIndex, store) {
      if(rowIndex == 5 && colIndex == 1){ 
    	return String.format("<span style='background-color:red;'>{0}</span>", value);
      }
      return value;
    };
  3. #3

    TreeGrid how to have colored rows based on value

    Im using a TreeGrid control. My question is how to have coloured rows? There is no renderer sub element available.

Similar Threads

  1. Replies: 3
    Last Post: Jun 27, 2014, 11:38 AM
  2. Replies: 1
    Last Post: Jul 10, 2012, 11:16 AM
  3. Replies: 2
    Last Post: Mar 02, 2012, 1:07 PM
  4. [CLOSED] Change grid cell color
    By BGeorge in forum 1.x Legacy Premium Help
    Replies: 7
    Last Post: Dec 12, 2011, 5:05 AM
  5. [CLOSED] Change grid cell color on fly
    By 78fede78 in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Dec 03, 2010, 1:27 PM

Posting Permissions