Question

我使用Datatable作为一个表，它有八个相同的列和三个不同的列，基于按下单选按钮。该表由对python方法的ajax调用填充，数据附加到表体。

不同的三列按类分隔。根据按下的单选按钮，显示或隐藏类

  function show_hide_tab(a)
        {
            if(a=="tab_a")
            {
                $(".tab_b").hide();
                $(".tab_a").show();
            }
            else
            {
                $(".tab_b").hide();
                $(".tab_a").show();
            }

        }

我面临的问题是：

对于tab_a，正确显示所有值。对于tab_b，tab_b特有的列仅包含前10个默认行的值。当我在页面上切换到10个以上的条目时，列显示为空。同样，如果我移动到第二页，则列为空。奇怪的是，如果我在选项卡tab_b上的第2页上并单击tab_a上的第2页然后返回tab_b，我会在列中获得正确的值。 tab_b中表格单元格的一个示例：

upd += '<td class="tab_b" style="display: none;"><center><button class="btn btn-danger" onclick="initiatereturn(\'' + data[i]['orderid'] + '&' + data[i]['memberid'] + '&' + data[i]['amount'] + '\');">Return</button></center></td>';

其中data保存从数据库中提取的值。

Answer 1

您可以尝试实现 drawCallback 函数，每次表刷新时都会调用该函数。

jQuery('#'+table_id).dataTable({
  "drawCallback": function( settings ) {
     // check the selected radio buttons and show/hide the columns
  }
});

数据表未显示正确的值

1 个答案: