如何调整TableFilter.js中复选框筛选行高度以匹配其他控件？

首先你写的CSS存在语法错误：!important应该放在属性值后面、分号前面，你把分号写在!important前会导致样式失效，先修正这个基础问题：

.fltrow {
    max-height: 200px !important;
    overflow: auto !important;
}

如果修正后仍未生效，大概率是插件给第九列的筛选控件容器加了更高优先级的样式，或是行高被内部复选框列表撑开了，试试以下针对性调整：

• 只定位第九列的筛选单元格，避免影响其他列：

/* nth-child(9)对应第九列，注意列数从1开始计数 */
.fltrow td:nth-child(9) {
    max-height: 200px !important;
    overflow: auto !important;
}

• 调整复选框列表的容器样式（TableFilter.js的复选框筛选器通常会生成带.flt-checklist类的容器）：

.fltrow td:nth-child(9) .flt-checklist {
    max-height: 180px !important; /* 留少量内边距空间，避免滚动条贴边 */
    overflow-y: auto !important;
    margin: 0 !important; /* 去掉插件默认外边距 */
    padding: 4px !important;
}

要是还是没效果，打开浏览器开发者工具（F12）选中该筛选行或单元格，查看「样式」面板里哪些规则覆盖了你的设置，再把选择器写得更精准（比如加上表格的类名：.your-table-class .fltrow td:nth-child(9)）来提升样式优先级。

内容的提问来源于stack exchange，提问作者R_life_R