Css 如何让kendo NumericalTextBox像kendo DropDownList一样共享表格单元格的宽度？

我有一个非常简单的表格，放在一个有一行和两个单元格的表格中。我在一个单元格中有一个剑道数字输入框，在另一个单元格中有一个文本输入框。我将表格宽度设置为100%，单元格上没有宽度

问题是： 问题是NumericalTextBox在其单元格中占据了超过50%的宽度，并挤压了文本输入

我已经用剑道下拉列表测试过了，效果很好。只需要50%

为什么NumericalTextBox会将其单元格的大小推到50%以上？我如何才能阻止它这样做？ 我意识到我可以在表格单元格上加一个style=“width:50%”，但在较大的表格上这是一个开销，好像你要添加一个单元格，你必须去更新所有其他单元格的宽度百分比等等。。。 理想情况下，我只想说表格的宽度是100%，单元格将平均共享，每个单元格中的每个控件将占据单元格宽度的100%

我制作了一个演示页面，展示了正在发生的事情：

HTML:

JavaScript:

$(document).ready(function() {
    kendo.init($('#testContainer'));
});

下面是上述代码的一部分：

谢谢你抽出时间

问候,

---

斯科特

好的，我刚刚解决了这个问题。我只需要将table layout css属性设置为fixed

eg

希望这能为其他人节省一些时间；-）

table.mistro-form {
    width:100%;
}
.mistro-form td {
    padding: 5px;
    vertical-align: top !important;
}
.mistro-form .k-dropdown, .mistro-form .k-combobox, .mistro-form  .k-numerictextbox, .mistro-form  .k-textbox, .mistro-form .k-numerictextbox {
    width: 100% !important;
}

$(document).ready(function() {
    kendo.init($('#testContainer'));
});

table.mistro-form {
    width:100%;
    table-layout:fixed;
}