javascript - 数据表未显示详细信息按钮

Question

我尝试在我的网站上使用数据表，但在我将所有内容添加到我的网站后，它并没有像我看到的模板那样显示。这是模板 这就是我得到的东西

我的意思是我看不到加号按钮，所以我看不到产品的详细信息。这个按钮只在我让浏览器像这样变小时显示，但即​​使浏览器像模板中那样大，我也需要它

你有什么想法，请帮忙？这是我遵循的模板: https://datatables.net/extensions/responsive/examples/display-types/foundation-modal.html这是我的脚本:

$(document).ready(function() {
$('#example').DataTable( {
    responsive: {
        details: {
            display: $.fn.dataTable.Responsive.display.modal( {
                header: function ( row ) {
                    var data = row.data();
                    return 'Details for '+data[0]+' '+data[1];
                }
            } ),
            renderer: function ( api, rowIdx, columns ) {
                var data = $.map( columns, function ( col, i ) {
                    return '<tr>'+
                            '<td>'+col.title+':'+'</td> '+
                            '<td>'+col.data+'</td>'+
                        '</tr>';
                } ).join('');

                return $('<table width="100%"/>').append( data );
            }
        }
    }
} );

});

Answer 1

对于在 2018 年仍然发现此问题的任何人

我发现我的“加号”按钮没有出现(在响应式移动 View 中时)的问题是因为它们被附加到行的“第一个 child ”，所以如果给出的不是第一行响应优先级高于该行，然后按钮随之消失。