jquery - 如何使用固定标题使表格可滚动

Question

有谁知道如何使下面的表格可滚动以及如何保持表格标题固定以便它不会随着表格向下滚动？

下面是html和jquery

 <table id="qandatbl">
        <thead>
        <tr>
            <th class="answer">Answer</th>

        </tr>
        </thead>
        </table>


    function insertQuestion(form) {   


        var $tbody = $("<tbody></tbody>");
        var $tr = $("<tr class='optionAndAnswer'></tr>");
        var $answer = $("<table class='answer'></table>");

    var $this, i=0, $row, $cell;
    $('#optionAndAnswer .answers').each(function() {
        $this = $(this);
        if(i%7 == 0) {
            $row = $("<tr/>").appendTo($answer);
            $cell = $("<td/>").appendTo($row);
        }

        var $newBtn = $("<input class='answerBtnsRow answers' type='button' style='display:%s;' onclick='btnclick(this);' />".replace('%s',$this.is(':visible')?'inline-block':'none')).attr('name', $this.attr('name')).attr('value', $this.val()).attr('class', $this.attr('class'));


        $newBtn.appendTo($cell);

        i++;
    });

        $tbody.append($tr); 
        $tr.append($answer);
        $('#qandatbl').append($tbody);

    }

Answer 1

检查这个 fiddle

http://jsfiddle.net/TGBym/

根据您的要求进行适当的更改