jquery tablesorter将列宽调整为错误大小

Posted

技术标签:

【中文标题】jquery tablesorter将列宽调整为错误大小【英文标题】:jquery tablesorter resizing column width to wrong size 【发布时间】:2013-08-08 19:13:35 【问题描述】:

我在使用 tablesorter 时遇到 2 个问题。

第一个是当我动态更改行数(使用复选框)时,tbody 中行的列宽会更改以适应第一个 thead 列宽。

第二个是tablesorterpager在动态变化时不会刷新,只加载10行。

任何帮助都会很棒。

这里是链接:http://www.greatgulf.com/houses2013/project/edgewood

【问题讨论】:

你已经解决了这个问题吗? 不,我们没有。我们在表格旁边使用了一个复选框界面,当您使用复选框时,它会搞砸表格。为此,我们正在使用 tablesorter 和 pager。你能帮忙吗? 【参考方案1】:

我猜你正在使用我看到的代码中的fork of tablesorter。但是,我必须提前道歉,因为我仍在休假,互联网访问受限,无法提供更及时的支持。

我认为复选框(不在表格内)和寻呼机的主要问题是 GG.resetTables 函数的设置方式。我只能假设该函数旨在更新/刷新表。在这种情况下,尝试在 resetTables 函数之外初始化 tablesorter,然后在该函数中触发更新。像这样的:

var $table = $("table")

    // Initialize tablesorter
    // ***********************
    .tablesorter(
        theme: 'blue',
        widthFixed: true,
        widgets: ['zebra']
    )

    // initialize the pager plugin
    // ****************************
    .tablesorterPager(
        // pager options here
    );


GG.resetTables = function () 
    $table.trigger('update');
;

【讨论】:

以上是关于jquery tablesorter将列宽调整为错误大小的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 css 列将列宽调整为内容大小?

如何将列宽设置为 jQuery 数据表?

VBA刷新查询然后调整列宽

jQuery可调整表和列宽插件-colResizable

如何将列宽设置为尽可能小?

Angular ui-grid 将列宽保存为 cookie