DataTables：在每列的顶部都有过滤器输入框：我需要一些列的窄列宽

问题：DataTables 1.10.4：我需要减小表中某些列过滤器输入框的宽度

我使用的是jquery.dataTables.css和jquery.dataTables.js，只是在css文件中添加了一些颜色和边框样式

我的表最终将有100多行和15列。这里有一个链接

我想使一些列过滤器输入框的宽度更窄。例如，其中一列中的数据是单个字符。从我所做的测试来看，输入框的最小宽度是固定的，以防止列变窄。这意味着我的一些列对于数据来说太宽了，而我的表太宽了，很难管理

如果我移除每列顶部的过滤器输入框，这些列会自动调整大小，但列过滤器是必不可少的

我已经看到很多类似问题的帖子，但是我没有尝试过改变列宽。我尝试过使用css-width、js-aocolumns、column、columndef将列定义为固定宽度。我已设置Bautowith宽度：false。没有任何帮助。我无法找到列过滤器输入框的大小

我已经为此挣扎了一段时间，非常希望能找到解决办法。如果您需要更多信息，请告诉我

---

感谢您的帮助。

请检查此列搜索插件，以查找您可以包含的数据表，这些数据表可能有助于解决格式问题。您不必担心自己尝试插入列或在keyup事件中添加列。一切都由你来处理。如果列丢失，它还与响应表一起隐藏搜索字段

可以找到插件的说明

以下是该插件的使用示例：

var dt = $("#mytable").DataTable();
//using defaults
new $.fn.dataTable.DtServerColSearch(dt);
//OR 
new $.fn.dataTable.DtServerColSearch(dt, {
    placement: "foot",
    placeholders: false,
    ....
});

---

非常感谢。我可以使用这个插件，但我的一些专栏仍然太宽。由于筛选器输入框存在，我无法使用“宽度”来减小列的大小。看起来您的使用说明被切断了。你有链接可以看到你对表格所做的新更新吗？可能是我的css有问题吧？这是表格的样式：所以理论上我应该能够用宽度来设置表格的样式，我已经尝试将表格的宽度设置为6000px，这会使列的大小均匀地变宽，但仍然无法说服列变窄或变宽。这些列保持完全相同的宽度。我可以用填充物使列变宽，但因为我需要更窄的列，这没有帮助。是的。我将在大约一小时内完成。对不起，我不能马上就做，我会把宽度和间隔属性去掉。在您当前的表中，我还看到表数据中有很多硬空间。例如：4.5不确定它可能在做什么。