anchor.diff:                      </c:forEach>
                       <th>Details</th>
   
  -                    <td id="emptyCell" ></td>
  -                    <td id="emptyCellNoWidth"></td>
  +                    <td class="emptyCell" ></td>
  +                    <td class="emptyCellNoWidth"></td>
                       <th>Condition Details</th>
                   </tr>
  -                <tbody id="input-body">
  -                    <tr id="no-activities-message" style="display:none">
  -                        <td></td>
  -                        <td colspan="${tableWidth - 1}">This period does not have any activities yet</td>
  +
  +                    <tr id="no-activities-message" >
  +                        <td id="td3"></td>
  +                        <c:choose>
  +                            <c:when test="${not empty command.grid}">
  +                            </c:when>
  +                            <c:otherwise>
  +                                <td colspan="${tableWidth - 1}">This period does not have any activities yet</td>
  +                            </c:otherwise>
  +                        </c:choose>
  +                        <td class="emptyCell"/>
  +                        <td class="emptyCellNoWidth"/>
  +                        <td class="emptyCellNoWidth"/>
                       </tr>
                       <c:forEach items="${command.grid}" var="gridRow" varStatus="gridStatus">
                           <tr class="input-row">
  
positive.code: 
  
      //corresponding to the conditional behavior
      cells.push(Builder.node('td', {id:'emptyCell'}));
  
      //conditionCheckBox
      var name = 'grid[' + rowCount + '].conditionalCheckbox'
  
negative.code:         margin-top: 1%;
          padding: 10px;
      }
      td.emptyCell{
          empty-cells:hide;
          border:none;
          width:100px;
      }
      td.emptyCellNoWidth {
          empty-cells:hide;
          border:none;
      }
  