冻结响应表

时间:2015-08-18 10:07:33

标签: javascript jquery css html-table

我有一个响应表,我希望冻结第一列。我从Stack Overflow中获取了参考资料并尝试了我的桌面上的代码。

CSS代码:

.table-responsive>.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
}

jQuery代码:

$(function(){
    var $table = $('.table');
    //Make a clone of our table
    var $fixedColumn = $table.clone().insertBefore($table).addClass('fixed-column');

    //Remove everything except for first column
    $fixedColumn.find('th:not(:first-child),td:not(:first-child)').remove();

    //Match the height of the rows to that of the original table's
    $fixedColumn.find('tr').each(function (i, elem) {
        $(this).height($table.find('tr:eq(' + i + ')').height());
    });
});

但是这段代码不起作用,任何人都可以告诉我如何使这件事工作,在JSFIDDLE完成代码

0 个答案:

没有答案