javascript - 使 tablesorter 表缩小以适合页面

Question

我有一个由 ajax 和 js 动态填充的 tablesorter 插件表，它工作正常，除了它没有调整任何具有输入标签的单元格宽度。为了澄清起见，我的表格具有用户可以更改的输入单元格以及可更改的下拉列表。填充表格后，最后一列将被保留。有没有办法调整它以便用户可以看到整个表格？

Answer 1

确保该widthFixed选项设置为，false因为如果true您正在动态填充表格，则列宽将以像素为单位设置。

---

您是否为输入添加了css？尝试包括 box-sizing 设置：

.tablesorter input {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Answer 2

尝试在 css 中的桌子上设置一个类，如下所示

table { width: 100%; }