HTML Set cell size to not go past certain width & height
I originally hardcoded my width and height of cells.  But we went against that.  Now I want it to behave as is,shrinking and expanding, but stop once it gets to a certain width.

  
![enter image description here][1]


      <table align="center" class="data_extract vert_scroll_table" >
                  <tr>
                 
                      <c:forEach var="heading" items="${results.headings}"> 
                      
                          <th class="data_extract">${heading}</th>
                        
                      </c:forEach>
                  </tr>
                  <c:forEach var="row" items="${results.data}">
                      <tr>
                          <c:forEach var="cell" items="${row}" varStatus="rowStatus">
                              <td class="data_extract">
                                  <c:choose>
                                    	<c:when test="${results.types[rowStatus.index].array}">
                                    	<c:set var="comma" value="," />
                                      		<c:forEach var="elem" items="${cell}" varStatus="cellStatus">
                                      			<c:set var="myVar" value="${cellStatus.first ? '' : myVar} ${elem} ${cellStatus.last ? '' : comma}" /> 
                                      		</c:forEach>
                                      		<span class="mouseover_text" title="${myVar}">${myVar}</span>
                                        </c:when>
                                      <c:otherwise>
                                            ${cell}
                                      </c:otherwise>
                                  </c:choose>
                              </td>
                          </c:forEach>
                      </tr>
                  </c:forEach>
                  </table>

css:

    table.data_extract
    {
 
     border: 2px gray solid;
     border-collapse: collapse;
     }

    td.data_extract,
    th.data_extract,
    table.data_extract td,
     table.data_extract th

    {
  
     text-align: center;
     font-size: 7.5pt;
     white-space: normal;
 
  
     }
 


  [1]: http://i.stack.imgur.com/K4prW.png
HTML Set cell size to not go past certain width & height
===

I originally hardcoded my width and height of cells.  But we went against that.  Now I want it to behave as is,shrinking and expanding, but stop once it gets to a certain width.

  
![enter image description here][1]


      <table align="center" class="data_extract vert_scroll_table" >
                  <tr>
                 
                      <c:forEach var="heading" items="${results.headings}"> 
                      
                          <th class="data_extract">${heading}</th>
                        
                      </c:forEach>
                  </tr>
                  <c:forEach var="row" items="${results.data}">
                      <tr>
                          <c:forEach var="cell" items="${row}" varStatus="rowStatus">
                              <td class="data_extract">
                                  <c:choose>
                                    	<c:when test="${results.types[rowStatus.index].array}">
                                    	<c:set var="comma" value="," />
                                      		<c:forEach var="elem" items="${cell}" varStatus="cellStatus">
                                      			<c:set var="myVar" value="${cellStatus.first ? '' : myVar} ${elem} ${cellStatus.last ? '' : comma}" /> 
                                      		</c:forEach>
                                      		<span class="mouseover_text" title="${myVar}">${myVar}</span>
                                        </c:when>
                                      <c:otherwise>
                                            ${cell}
                                      </c:otherwise>
                                  </c:choose>
                              </td>
                          </c:forEach>
                      </tr>
                  </c:forEach>
                  </table>

css:

    table.data_extract
    {
 
     border: 2px gray solid;
     border-collapse: collapse;
     }

    td.data_extract,
    th.data_extract,
    table.data_extract td,
     table.data_extract th

    {
  
     text-align: center;
     font-size: 7.5pt;
     white-space: normal;
 
  
     }
 


  [1]: http://i.stack.imgur.com/K4prW.png