2012-02-22 4 views
0

私はもともとセルの幅と高さをハードコードしていました。しかし、我々はそれに逆行した。今私はそれがそのままの状態で動作し、伸び縮みしたいが、一定の幅になると停止する。セルのサイズを一定の幅と高さにしないように設定する

enter image description here

<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:

あなたは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; 


} 

答えて

0

max-width: {whatever width you want}min-width: {whatever width you want}をtd.data_extractルールに追加します。 mWillisは言及したように

+0

ちょっとバディ...私はちょうど' td.data_extract、 th.data_extract、 table.data_extractのTD、 { テキストベースをテストするためにこれを追加し 'もありますalign:center; font-size:7.5pt; white-space:normal; 最大幅:5ピクセル; } {@}} {@} {@} {@の前に偽のコンマがあると、テーブルに全く同じ –

+0

@Doc Holidayが表示されます。 –

関連する問題