DataTables - 在页面加载时打开所有子行答案

【问题标题】：DataTables - Open all Child Rows on Page LoadDataTables - 在页面加载时打开所有子行
【发布时间】：2016-05-23 15:56:55
【问题描述】：

目前，我的表有子行，可以打开第 1 列中的每一行。（我在网上找到了用于管理子行的此功能）如何更改此设置以使子行始终处于打开状态，以便我可以得到摆脱第一列。 https://jsfiddle.net/6k0bshb6/30/

// This function is for displaying data from HTML "data-child-value" tag in the Child Row.
function format(value) {
      return '<div>Hidden Value: ' + value + '</div>';
  }

// This function is for handling Child Rows.
    $('#example').on('click', 'td.details-control', function () {
          var tr = $(this).closest('tr');
          var row = dataTable.row(tr);

          if (row.child.isShown()) {
              // This row is already open - close it
              row.child.hide();
              tr.removeClass('shown');
          } else {
              // Open this row
              row.child(format(tr.data('child-value'))).show();
              tr.addClass('shown');
          }
    });

【问题讨论】：

标签： javascript jquery datatables

【解决方案1】：

使用下面的代码显示所有子行：

$("#example").DataTable().rows().every( function () {
    var tr = $(this.node());
    this.child(format(tr.data('child-value'))).show();
    tr.addClass('shown');
});

有关代码和演示，请参阅updated jsFiddle。

有关更多示例和信息，请参阅jQuery DataTables: How to expand/collapse all child rows。

【讨论】：