TableSorter jQuery插件 - 在禁用的标题列中启用选择元素

时间:2013-05-13 16:17:46

标签: tablesorter

我正在使用TableSorter jQuery插件。我正在尝试将select元素作为我的列标题之一。我通过执行以下操作禁用了该特定列进行排序:

 $('#rankings').tablesorter(headers: {5: {sorter:false}});    

但是当我点击列标题中的select元素时,选项不会填充。好像有什么“阻止”我点击它。

TableSorter代码中是否存在禁用单击该元素的内容?

我甚至在试验他们的示例page,您甚至无法突出显示已禁用的列标题的列标题中的文字。

有没有办法使用TableSorter将select放入禁用的列标题中?谢谢你的帮助!

1 个答案:

答案 0 :(得分:4)

有一个未记录的选项cancelSelection,可以设置为falsemissing docs post),然后您需要使用onRenderHeader禁用其他选项标题(如果需要)(demo):

$('table').tablesorter({
    // make header text selectable
    cancelSelection: false,
    headers: {
        0: {
            sorter: false
        }
    },    
    // prevent text selections (optional)
    onRenderHeader: function (index) {
        if (index > 0) {
            $(this)
                .addClass('no-select')
                .attr('unselectable', 'on')
                .bind('selectstart', false);
        }
    }
});