当列中有树时，表将调整大小

Table resizes when there is a tree in column

本文关键字：调整      更新时间：2023-09-26

下面我发布了一些代码，我正在使用这些代码来尝试为每个列设置一个固定比例的表宽度。一个10%，另一个90%。

目前，我正在插入一个dijit。树小部件通过javascript在"treeOne"div标签。当这棵树张开时，我的柱子会变宽以容纳它。我希望它始终是10%的宽，无论如何，并停止调整列的大小。我做错了什么?

<table width="100%" border="1">
        <thead>
            <tr>
            <td  style="overflow:hidden;width:10%;"> Tree</td>
              <td style="width:90%;" > Query</td>                       
         </tr>
        </thead>
       <tbody>
        <td style="overflow:hidden;width:10%;">
                    <div id ="treeOne">Insert Tree here</div>
        </td>
        <td style="width:90%;">
    .
    .
    .

表单元格应该是这样工作的，扩展以容纳它们内部的任何内容。

如果你想固定它的大小(并在此过程中切断内容)，尝试使用CSSdiv代替:

<style type="text/css">
.col1 {
    clear:both;
    float:left;
    overflow:hidden;
    width:10%;
}
.col2 {
    float:left;
    width:90%;
}
</style>
<div class="col1">
    <div id ="treeOne">Insert Tree here</div>
</div>
<div class="col2">...</div>
相关文章：