Question

我找到了很多关于自动调整行和列大小的文章，例如下面的CSS代码：

   textarea[readonly="readonly"], textarea[readonly] { background-color:white; }
    float colWidth = [[[tableView tableColumns] objectAtIndex:1]width];
    NSString *content = [[[tempArray objectAtIndex:row] objectForKey:@"tValue"] string];
    float textWidth = [content sizeWithAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[NSFont fontWithName:@"Lucida Grande" size:15],NSFontAttributeName ,nil]].width;
    float newHeight = ceil(textWidth/colWidth);
    newHeight = (newHeight * 17) + 13;
            if(newHeight < 47){
                return 47;
            }   
            return newHeight;
            table {
      width: 700px;
    }

和

table tr td {
  width: 350px;
  height: auto;
}

但似乎没有任何东西可以用于我的代码

这是我的表格代码，我希望它根据将从数据库中提取的数据自动调整大小：

$myRes = "<form action='' method='post'>
          <fieldset style='width: 10px'>
          <legend align='left'><strong>Results</strong></legend>
          <p>
          <table width='auto' border='1' cellspacing='1' cellpadding='1' align='center'>
          <tr>
          <th align='center' scope='row'>A</th>
          <td><textarea class=readonly name=testA id=testA cols=65 rows=3>" . $result['testA'] . "</textarea></td>
          </tr>
          <tr>
          <th scope='row'>B</th>
          <td><textarea class=readonly name=testB id=testB cols=65 rows=3>" . $result['testB'] . "</textarea></td>
          </tr>
          </table>
          </p>
          </fieldset>
          </form>";

Answer 1

尝试以下操作：

$("textarea").height( $("textarea")[0].scrollHeight );

或

window.setTimeout( function() { $("textarea").height( $("textarea")[0].scrollHeight ); }, 1);

如何自动调整列和行的大小

1 个答案: