当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《数据表未显示按钮的详细信息》经验,为你挑选了1个好方法。

我试图在Web上使用数据表,但是在我将所有内容添加到Web后,它并没有显示我看到的模板那样的内容。这是模板 这就是我得到的

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

你有什么想法,请帮忙?这是我遵循的模板:https : //datatables.net/extensions/response/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 ''+
                            ''+col.title+':'+' '+
                            ''+col.data+''+
                        '';
                } ).join('');

                return $('').append( data );
            }
        }
    }
} );

});



1> Erik White..:

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

我发现我的“加号”按钮不出现的问题(在响应式移动视图中)是因为它们被附加到该行的“第一个子级”,因此如果第一个子级以外的行被赋予了比该行,则按钮随之消失。

推荐阅读
Chloemw
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有