javascript - datatables重新加载按钮不可见

问题描述：

编辑：该按钮不可见这是我的原始问题，尚未解决。感谢关于逗号问题的快速评论。javascript - datatables重新加载按钮不可见

我是JS新手，也是数据表的新手。我是在这里发布的例子来定义初始化过程中的按钮： https://datatables.net/extensions/buttons/custom

但它似乎不工作（按钮不可见）。的jsfiddle链接在这里：https://jsfiddle.net/gr5er1pj/222/

$(document).ready(function(){ 
    var table = $('#example').DataTable({ 
    ajax: 'https://api.myjson.com/bins/qgcu', 
    buttons: [ 
     { 
      text: 'Reload', 
      action: function (e, dt, node, config) { 
       dt.ajax.reload(); 
      } 
     } 
    ] 
    }); 
});

你”在你的ajax网址之后重新输入一个逗号。 –

谢谢，它修复了数据问题，但“重新加载”按钮仍然不可见。 – toddlermenot

@ScottSelby：编辑后的代码仍然不工作，问题是按钮仍未显示。 – toddlermenot

答

你需要把它添加到您的脚本（你可能还需要dataTables.buttons.min.js）：

dom: 'Bfrtip',

见工作小提琴：

https://jsfiddle.net/gr5er1pj/231/

谢谢，这似乎工作，但我得到一个链接，而不是一个按钮，它取代了组合框每页筛选“5,10,25,50,100”条目。是否可以控制按钮的位置，使其不受影响？ – toddlermenot

你可能有一些缓存的CSS或其他东西。检查您的调试器（Chrome中的F12）以查看是否加载了所有您需要的资源。 G'luck！ – CodeLikeBeaker

另请点击此处查看：https：//datatables.net/reference/option/dom，看看你真正想要展示哪些功能：过滤器，表格，分页控制...... – cristianorbs

答

逗号后失踪

AJAX： 'https://api.myjson.com/bins/qgcu'

“DOM” 参数，需要放置在文档上的按钮下面给出，

dom：'Bfrtip'

看到在评论中，该逗号是抛出一个错误，但问题仍然发生，即使在逗号 –

javascript - datatables重新加载按钮不可见

相关推荐