Javascript “在下列情况下，表格列宽出现问题：”“无效”；应用于窗体控件的样式

我有下面的

表格

，我想以表格形式显示，它允许用户输入一个金额，该金额不应超过

1500

。当

输入

字段的值更改时，它会检查该值并显示

错误消息

问题是，当显示

错误消息时，包含
输入的宽度列发生了更改（如您在代码段中所看到的）。打开，搜索时，我发现class
无效反馈
具有
显示：块属性。但是我找不到解决这个问题的办法。
如何解决此问题？

这是我的密码

$（'input'）。更改（函数（）{
如果（$（this）.val（）>1500）{
$（this）.removeClass（'is-valid'）.addClass（“is-invalid”）；
$（$（this.attr（'data-msgbox'））.html（'金额不应超过1500卢比'）；
}否则{
$（this）.removeClass（'is-invalid'）.addClass（“is-valid”）；
}
});

费用详情及金额
#
详情
数量
1.
辅导费
2.
入院/再入院
3.
图书馆收费
4.
考试费
5.
电费
6.
开发费用
7.
好的
8.
欠费
9
滞纳金
10
混杂的
为了固定包含
输入的列宽
，将此
宽度固定
类分配给包含
输入
字段的每个
td
，并添加此CSS规则
.width fixed{width:300px！important；}
，您可以更改
宽度
值以满足您的要求


$（'input'）。更改（函数（）{
如果（$（this）.val（）>1500）{
$（this）.removeClass（'is-valid'）.addClass（“is-invalid”）；
$（$（this.attr（'data-msgbox'））.html（'金额不应超过1500卢比'）；
}否则{
$（this）.removeClass（'is-invalid'）.addClass（“is-valid”）；
}
});
。宽度固定{
宽度：300px！重要；
}
@介质（最大宽度：480px）{
.固定宽度{
宽度：300px！重要；
溢出-x：滚动！重要；
}
}

费用详情及金额
#
详情
数量
1.
辅导费
2.
入院/再入院
3.
图书馆收费
4.
考试费
5.
电费
6.
开发费用
7.
好的
8.
欠费
9
滞纳金
10
混杂的
是否要修复此问题