Question

我正在创建一个DataTable（语义UI），我需要为我的表提供自定义断点。我试图更改js代码中的中断值

<div id ="candy">
   <input type="text" id="attr1" name="emailAddress" value="">
   <input type="text" id="attr2" name="emailAddress" value="">
</div>
   <input type="text" id="attr3" name="username" value="">

$(document).ready(function () {

    var text = $("#candy :input").map(function () {
              return this.id; 
                        }).get();        
        var attr = [];

        for (i=0; i<text.length; i++) {
                attr.push('#'+ text[i]);
                }
        var mat = attr.join(", ");

    $(mat).keyup(function(){
         update();

    function update() {
        attr.forEach(function(index, i){
        // alert(i);
           $("#attr3").val( $(attr[i]).val() + "," );           

        });
      }      
   });

});

到

"breakpoints: [{ name: 'fablet',  width: 768 }]"

我在JS代码中进行了更改，但它无法正常工作。我不知道自己做错了什么。

我有checked针对响应式表断点的DataTable JS文档。

这是我的代码：

＆＃13;

breakpoints: [{ name: 'fablet',  width: 650 }]

＆＃13;

$('#example').DataTable( {
    responsive: {
        breakpoints: [
            { name: 'fablet',  width: 650 }
        ]
    }
} );

＆＃13;

Answer 1

我认为通过在对象的初始化中声明断点，您将替换默认值。只有一个响应断点不会进行任何更改。

尝试在初始化之前将自定义断点添加到默认选项。

$.fn.dataTable.Responsive.breakpoints.push({
    name: 'fablet',
    width: 650
})

$('#example').DataTable({
    responsive: true
});

DataTable - 响应式自定义断点

1 个答案: