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

Question

这是我在桌面模式下的桌子：

在响应式视图或移动视图中，只有用户现在无需单击+按钮即可查看国家/地区名称，但是我想不单击+按钮就显示（名称，买价，卖价），并且当用户单击+按钮时显示用户的其他列（日期，图表，国家/地区名称）。
我该如何使用datatables.net表呢？

Answer 1

文档：

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

因此，您必须在DataTable构造函数的responsivePriority中正确使用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插件（您必须通过迭代在每行中填充数据当前行）：https://datatables.net/examples/api/row_details.html