gpt4 book ai didi

css - 如何减少tablesorter中列的宽度

转载 作者:太空宇宙 更新时间:2023-11-04 10:54:13 27 4
gpt4 key购买 nike

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

我有一个例子http://jsfiddle.net/4mVfu/5647/

我有 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%;
}

有什么建议如何做到这一点?

最佳答案

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

.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/

关于css - 如何减少tablesorter中列的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34778320/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com