如何减少tablesorter中列的宽度

Question

我正在尝试为 JQuery Tablesorter 中的列设置宽度。

我有 6 列。我正在尝试调整适合我的浏览器 window 的宽度，但由于某种原因，我无法调整 header 和 <body> 标签中项目的宽度。
在示例中，我希望第一列为 10%，第二列为 10%，第三列为 10%，第四列为 50%，其余两行为 10%，每行加起来为 100%。我试过这个：

.tablesorter td:nth-child(6n+1) {
width: 10%;
 }
.tablesorter td:nth-child(6n+2) {
width: 10%;
}
.tablesorter td:nth-child(6n+3) {
width: 10%;
}
.tablesorter td:nth-child(6n+4) {
width: 50%;
  }
 .tablesorter td:nth-child(6n+5) {
width: 10%;
 }
 .tablesorter td:nth-child(6n+6) {
width: 10%;
  }

有什么建议吗？

Answer 1

您可以一次将宽度应用于多个列。

.tablesorter  td:nth-child(1),
.tablesorter  td:nth-child(2),
.tablesorter  td:nth-child(3),
.tablesorter  td:nth-child(5),
.tablesorter  td:nth-child(6)
{
  width : 10% !important;
  min-width : 100px !important;
}
.tablesorter  td:nth-child(4)
{
  width : 50% !important;
  min-width : 200px !important;
}

mid-width这里只是为了保持良好的外观和感觉。但是您可以尝试尝试并弄清楚预期的行为。

也可以尝试在小部件选项中设置 resizable_widths: [ '10%', '10%', '10%','50%','10%','10%']。但我相信这个选项的目的是为了保存可调整大小的宽度。请参阅小部件的文档，它可能会有更好的帮助。

JSFiddle: http://jsfiddle.net/cL2f6k18/

如何减少tablesorter中列的宽度

How to reduce the width of columns in tablesorter

css

tablesorter