JSF HtmlPanelGrid formatting

Question

I am creating dynamic HtmlPanelGrid so that certain cells need to render with NO content and in different colors. Basically I do the following:
private HtmlPanelGrid getMyGrid(String myParam){
   if (this.myGrid == null) {
       this.myGrid = new HtmlPanelGrid();
       this.myGrid.setCellpadding("0");
       this.myGrid.setBorder(2);
       // etc
    } else {
       this.myGrid.getChildren().clear();
    this.myGrid.setColumns(10); //or pass any integer
    // create cell content
    HtmlOutputText outTxt = new HtmlOutputText();
    outTxt.setValue(myParam);
    if (whatever_condition)
           outTxt.setStyle("color:rgb(212,214,186);font-size:9.0pt;background-color:rgb(212,214,186);");
    else outTxt.setStyle("color:rgb(192,192,192);font-size:9.0pt;background-color:rgb(192,192,192);"); //gray
    this.myGrid.getChildren().add(outTxt);Problem:
Since HtmlPanelGrid is only a container I cannot 'setStyle' for individual cells. Hence, I have to create cells with, for example, HtmlOutputText and set certain styles based on the condition in runtime.
When the grid renders ONLY part of the cell will have desired color(style) ie just the outTxt. The rest of the cell will be default white.
Question:
How to force the child of the grid cell to adjust to the cell size?
Or more general:
How to dynamically set the style of the cell in the HtmlPanelGrid?

Answer 1

Here's the code generated by the server:
<img .../>
<a href=...></a>What am I doing wrong?It's probably because the JSF component (commandLink) renders its child components - the embedded image is NOT a JSF component. Either use h:graphicImage or embed your img declaration in an f:verbatim.