Question

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

然后我想将JSON输出加载到bootgrid。一切正常，除了搜索被破坏的事实。不确定这是一个错误，还是因为我只是通过＆＃34;追加＆＃34;。

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/

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

Answer 1

你做的一切都没错，但你忘了引用 jquery.bootgrid.css 文件。

<强>更新

第二件事是缺少data-type属性（请参阅更新的示例here）。

将数据从桌面附加到bootgrid时，搜索会中断

1 个答案: