Jquery 在使用CSS向表格行中的单元格添加边框时，如何锁定表格行的高度？

我有一些jQuery脚本，当我单击它时，它正在选择一个单元格，我希望第行不改变高度

我已经用CSS设置了表格行的高度，但是当我在一个单元格上更改边框时，整行的高度都会改变

我尝试使用TableLayout Css属性，但这没有帮助。你知道我能做什么吗

    .EditTable td
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        border-right: 1px solid #C1C1C1;
        border-bottom: 1px solid #C1C1C1;
        height: 26px;
        cursor:default;
        font-family: arial;
        font-size: 0.8em;
    }

    .EditTable td input
    {
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        cursor:default;
        text-align: right;
        background-color: white;
        color: black;
        border: 0;
        outline: none;
        outline-offset: 0;
    }

<table class="EditTable" cellpadding="0" cellspacing="0">

      <tr>
            <td>
                <div style="">0</div>
            </td>
            <td>
                <div style="">0 akudsfsa fdhsad fiasgdf swae</div>
            </td>
            <td id="tempid1" class="highlightableTDCell">
                <div class="tempDiv">
                    <input id="Text2" value="0.00"/>
                </div>
            </td>
      </tr>

      <tr>
            <td>
                <div style="">0</div>
            </td>
            <td>
                <div style="">0 akudsfsa fdhsad fiasgdf swae</div>
            </td>
            <td id="Td1" class="highlightableTDCell">
                <div class="tempDiv">
                    <input id="Text1" value="0.00"/>
                </div>
            </td>
      </tr>

</table>



//highlighting cell
gridview.prototype.borderiseTDCell = function (obj) {
    //jQuery('#' + obj.id + ' div input').blur();

    jQuery(obj).find('div input').blur();
    this.unBorderiseTDCells();
    var jQueryTableCell = jQuery('#' + obj.id);
    jQueryTableCell.css('border', '2px solid #000000');

};

gridview.prototype.unBorderiseTDCells = function () {

    var cellToUnHighLight = jQuery('.highlightableTDCell');
    cellToUnHighLight.css('border-width', '0px 1px 1px 0px');
    cellToUnHighLight.css('border-color', '#C1C1C1');
};

.EditTable td
{
填充：0px 0px 0px 0px；
保证金：0px 0px 0px 0px；
右边框：1px实心#C1C1；
边框底部：1px实心#C1C1；
高度：26px；
游标：默认值；
字体系列：arial；
字号：0.8em；
}
.EditTable td输入
{
填充：0px 0px 0px 0px；
保证金：0px 0px 0px 0px；
游标：默认值；
文本对齐：右对齐；
背景色：白色；
颜色：黑色；
边界：0；
大纲：无；
轮廓偏移：0；
}
0
0 akudsfsa fdhsad fiasgdf swae
0
0 akudsfsa fdhsad fiasgdf swae
//突出显示单元格
gridview.prototype.borderiseTDCell=函数（obj）{
//jQuery（'#'+obj.id+'div input'）.blur（）；
jQuery（obj）.find（'div input'）.blur（）；
这是。unorderisedCells（）；
var jQueryTableCell=jQuery（“#”+obj.id）；
css（'border'，'2px solid#000000'）；
};
gridview.prototype.UnorderisedCells=函数（）{
var cellToUnHighLight=jQuery（'.highlightableTDCell'）；
css（'border-width'，'0px 1px 1px 0px'）；
css（'border-color'，'#c1c1'）；
};

这就是工作原理。使用CSS

height

时，设置元素内容的高度，不包括填充和边框

因为要通过jQuery向单元格添加边框，所以应该重新计算高度以补偿边框的额外像素