Textarea在编辑时改变其单元格的大小

Question

当我开始在表格单元格中编辑textarea时（我使用DataTables + jeditable），单元格高度和/或宽度略微增加，所有向下/向右的单元格都会改变它们的位置。在具有大量文本的单元格中也出现垂直滚动条。怎么避免这个？
式：

textarea {
    font-family: inherit;
    font-size: inherit;
    border: none;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
}

table.display {
    font: 14px "Lucida Console";
    color: black;
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-style: solid;
    border-color: #888;
    margin: 0 auto;
    clear: both;
    width: 100%;
    height: 100%;
}