当将数据从桌面追加到引导网格时，搜索会中断。

Question

我使用桌面从已发布的Google电子表格中加载数据。

然后，我希望将JSON输出加载到引导网格。一切都很好，除了搜索失败这一事实。不确定它是一个bug，还是因为我只是用“追加”来称呼它。

var public_spreadsheet_url = "SPREADSHEETURL";

function init() {
    Tabletop.init( { key: public_spreadsheet_url,
                    callback: showInfo,
                    simpleSheet: true } );
}   

function showInfo(data, tabletop) {
    data = tabletop.sheets("Sheet2").all();

    for (var key in data[1]) { 
        $("#main-table thead tr").append('<th data-column-id="' + key + '">' + key + '</th>');
    }

    $("#main-table").bootgrid().bootgrid("append", data);        
}

这里有一个小提琴，更好地展示了这个问题：http://jsfiddle.net/ZM8LW/

顺便说一句，由于声誉，我错过了两个标签: jquery-tabletop，jquery-bootgrid

Answer 1

您做得很好，但忘了引用jquery.bootgrid.css文件。

更新：

第二件事是缺少data-type属性(请参阅更新的示例这里)。