如何在 Datatables.net 的响应视图中显示超过 1 行？

Question

这是我在桌面模式下的表格：

在响应式或移动视图中，目前只有用户可以在不点击 + 按钮的情况下查看国家名称，但我想在不点击 + 按钮和用户点击 + 按钮时显示（名称、购买价格、销售价格）用户其他列（日期、图表、国家名称）。
我如何使用 datatables.net 的表来做到这一点？

Answer 1

文档：

https://datatables.net/extensions/responsive/examples/column-control/columnPriority.html

因此，您必须在 DataTable 构造函数中正确使用 responsivePriority in columnDefs：

$(document).ready(function() {
    $('#example').DataTable( {
        responsive: true,
        columnDefs: [
            { responsivePriority: 1, targets: 1 }, // name
            { responsivePriority: 2, targets: 2 }, // buy price
            { responsivePriority: 3, targets: 3 }, // sell price
            { responsivePriority: 4, targets: 0 },
            { responsivePriority: 5, targets: 4 },
            { responsivePriority: 6, targets: 5 }
        ]
    } );
} );

编辑：

好的，这更复杂...首先，将其用于fixed columns：How to fixed the last column of a responsive DataTable，然后使用row_details插件（您必须通过迭代当前行来填充每一行内的数据）：@ 987654323@