Question

我有一个下拉列表。当用户从下拉列表中选择一个值时，会出现一个数据表。我只能让第一个表格显示正确，从下拉列表中的后续选择将具有标题的顺序和值全部搞砸了。以前数据表中的某些标题标题仍位于新数据表标题上。造型消失了。如果我单击要排序的列，则样式会回来，但标题和正文仍然有错误的数据。

我的代码。

<script type="text/javascript">
    $(document).ready(function () {
        //$('#compTable').remove(); //tried this but nothing loads.
        $('.ddlCom').change(function () {

            var comID = $(this).val();
            $.ajax({
                "url": 'CompTableJson.ashx?comID=' + comID,
                "dataType": "json",
                "success": function (json) {
                    $('#compTable').dataTable({
                        "aaData": json.aaData,
                        "aoColumns": json.aoColumns,
                        "aaSorting": [[0, "desc"]],
                        "bJQueryUI": true,
                        "bScrollInfinite": true,
                        "bScrollCollapse": true,
                        "bDestroy": true,
                        "bDeferRender": true,
                        "iDisplayLength": 100,
                        "sScrollY": "1000px"
                    });
                }

            });
        });

    });    

</script>

Answer 1

Nvm，我明白了。我不仅需要fnDestroy（）数据表，还要清除所有HTML

DropDownList在选择时显示不同的DataTables，其中包含了标题和旧数据

1 个答案: