Div固定高度但动态宽度

时间:2013-08-08 15:44:50

标签: html html-table width wicket

我正在使用wicket并拥有一张动态表格。我想要做的是有一个固定的表格边框高度添加行(每页最多5个),它的行宽可以动态增长,如下所示:

列标题

ROW1

ROW2

空白空间

表格的结尾

我能想到的唯一解决方案(可能不是最好的因为我是wicket和html的新手)就是拥有一个固定高度和可增长宽度的div。 div将提供表格的固定盒装边框,表格本身将位于此div内部,允许其行由wicket动态增长,可分页视图设置最多5行。

到目前为止,我有:

HTML:

      <div class="tableCell">
   <table border="1" BORDERCOLOR="#333">
     <tr>
       <th>SSA ID</th>
       <th>Default Qualifier</th>
       <th colspan="2">Property Name/Value</th>
       <th>Description</th>
     </tr>
     <div wicket:id="SSAIDs">
       <tr>
         <td wicket:id="SSAID">test</td>
         <td wicket:id="defaultQaulifier">test</td>
         <td wicket:id="propertyName">test</td>
         <td wicket:id="propertyValue">test</td>     
         <td class="width" wicket:id="description">test</td> 
         <td><a href="#">Edit</a> 
           <a href="#">&nbsp;&nbsp;&nbspDelete</a>
           <a href="#">&nbsp;&nbsp;&nbspView Roles</a>
         </td>
       </tr>
     </div><!-- end SSAID's div -->

对于CSS,无论我尝试什么,我都可以得到高度固定,但宽度将始终扩展到页面的末尾..这个div目前在容器类中..

如果你不知道Wicket,那很好..我只需要知道如何使包含表格的div包裹它的宽度,但是有一个固定的高度。

0 个答案:

没有答案