Html Div固定高度但动态宽度

Html Div固定高度但动态宽度,html,html-table,width,wicket,Html,Html Table,Width,Wicket,我正在使用wicket,有一个动态表。我希望能够做到的是有一个固定的表格边框高度,可以添加行(每页最多5行),并且它的行宽度可以动态增长,例如: 列标题 第1行 第2行 空位 桌尾 我能想到的唯一解决方案(这可能不是最好的,因为我对wicket和html都是新手)是使用一个具有固定高度和可扩展宽度的div。div将提供表的固定框边框,表本身将位于该div内,允许其行通过wicket动态增长,可分页视图设置为最多5行 到目前为止,我已经: html: SSA ID 默认限定符 属性名称/值 描述

我正在使用wicket,有一个动态表。我希望能够做到的是有一个固定的表格边框高度,可以添加行(每页最多5行),并且它的行宽度可以动态增长,例如:

列标题

第1行

第2行

空位

桌尾

我能想到的唯一解决方案(这可能不是最好的,因为我对wicket和html都是新手)是使用一个具有固定高度和可扩展宽度的div。div将提供表的固定框边框,表本身将位于该div内,允许其行通过wicket动态增长,可分页视图设置为最多5行

到目前为止,我已经:

html:


SSA ID
默认限定符
属性名称/值
描述
测试
测试
测试
试验
试验
对于CSS,无论我怎么做,我都可以固定高度,但宽度始终会扩展到页面的末尾。。此div当前位于容器类中


如果你不认识Wicket,那没关系。。我只需要知道如何使包含表格的div环绕其宽度,但具有固定的高度

最后,我将表和Div边界保留为关闭状态,并通过覆盖:td{outline:#333 solid thin;outline width:.5px;}th{outline:#333 solid thin;outline width:.5px;}tr{outline:#333 solid thin;outline width:.5px;}使单元格具有边界,然后只保留高度和静态。这种方式看起来也不错,而且宽度仍然动态增长,没有像我最初想要的那样被边框包围。不确定您需要什么,但您可以使用SimpleAttributeModifier从Java代码中控制元素的宽度。如果您希望从html控制宽度,则不应使用“wicket”标记,如果您试图从Java代码控制宽度,请测试向div组件添加类似的内容:yourDiv.add(新的SimpleAttributeModifier(“样式”,“宽度:”+customWidth+“px;”);如果希望类更干净,还可以对其进行操作。。。
      <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 -->