Tabulator jQuery包装器不支持在表被实例化后设置选项。

问题描述 投票:0回答:1

我正试图在我的angularJS应用程序中设置制表器。我已经包含了所需的文件,下面是我的代码。

<!DOCTYPE html>
<link rel="stylesheet" href="@routes.Assets.versioned("stylesheets/tabulator.css")" type="text/css" />
<script src="@routes.Assets.versioned("javascripts/jquery.js")" type="text/javascript"></script>

<script src="@routes.Assets.versioned("javascripts/tabulator.js")" type="text/javascript"></script>
<script src="@routes.Assets.versioned("javascripts/jquery-ui.min.js")" type="text/javascript"></script>
<script src="@routes.Assets.versioned("javascripts/jquery_wrapper.js")" type="text/javascript"></script>
<div id="example-table"></div>

<script>
    $("#example-table").tabulator();

    $("#example-table").tabulator({
        columns:[
            {title:"Name", field:"name", sortable:true, width:200},
            {title:"Progress", field:"progress", sortable:true, sorter:"number"},
            {title:"Gender", field:"gender", sortable:true},
            {title:"Favourite Color", field:"col", sortable:false},
            {title:"Date Of Birth", field:"dob"},
            {title:"Cheese Preference", field:"cheese"},
        ],
    });

    var sampleData = [
        {id:1, name:"Oli Bob", progress:12, gender:"male", rating:1, col:"red", dob:"", car:1, lucky_no:5, cheese:"Cheader"},
        {id:2, name:"Mary May", progress:1, gender:"female", rating:2, col:"blue", dob:"14/05/1982", car:true, lucky_no:10, cheese:"Gouda"},
        {id:3, name:"Christine Lobowski", progress:42, gender:"female", rating:0, col:"green", dob:"22/05/1982", car:"true", lucky_no:12, cheese:"Manchego"},
        {id:4, name:"Brendon Philips", progress:100, gender:"male", rating:1, col:"orange", dob:"01/08/1980", lucky_no:18, cheese:"Brie"},
        {id:5, name:"Margret Marmajuke", progress:16, gender:"female", rating:5, col:"yellow", dob:"31/01/1999", lucky_no:33, cheese:"Cheader"},
    ];


    $("#example-table").tabulator("setData", sampleData);
</script>

我在控制台得到的错误是: Tabulator jQuery包装器不支持在表格被实例化后设置选项(在jquery_wrapper.js文件中)。

jquery tabulator
1个回答
0
投票

你不需要调用 $('#example-table').tabulator(); 来设置元素以创建一个 tabulator 实例。 如果你删除这个调用,那么你会像预期的那样创建一个表,而不会出现错误。

下面是一个工作示例。https:/jsfiddle.netnrayburnacw2x6n94

© www.soinside.com 2019 - 2024. All rights reserved.