Question

我试图在JQuery Tablesorter中设置列的宽度。

我有6列。我尝试调整适合浏览器窗口的宽度，但出于某种原因，我无法调整标题宽度和<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

1 个答案: