创建TableSheet

本主题以用例场景为例，说明如何在工作表中创建TableSheet，如下所述。

用例场景

考虑一种情况，一个货物进口商和分销商想要从他们的后端数据库处理大量与客户信息有关的数据。TableSheet有助于显示和管理大量数据，并使用户能够通过排序、筛选和分组对其数据执行分析。

创建TableSheet的步骤如下:

• 使用Workbook.addSheetTab来初始化一个TableSheet。

//初始化TableSheet
var sheet = spread.addSheetTab(0, "TableSheet1", GC.Spread.Sheets.SheetType.tableSheet);

• 使用DataManager方法初始化数据管理器。

//初始化数据管理器
var dataManager = spread.dataManager();

• 使用addTable方法给数据管理器添加数据表，该方法参数为字符串类型的数据表名称和 IDataSourceOption 接口。 IDataSourceOption接口允许您设置两种类型的数据源:- 本地数据源：可以是来自JSON的对象数组或来自CSV或XML的字符串
• 远程数据源： 数据可以来自查询接口、OData、GraphQL。

您可以在“数据操作”主题中了解有关数据操作的更多信息.

//给数据管理器添加数据表
var myTable = dataManager.addTable("myTable", {
    remote: {
        read: {
            url: 'https://demodata.grapecity.com/wwi/api/v1/customers'
        }
    }
});

• 使用addView方法将视图添加到数据管理器的表中并定义列信息。 默认情况下，视图包含表所有表列。参考TableSheet视图学习更多的列属性设置信息。

var view = myTable.addView("myView"); //视图默认显示所有表列

• 使用数据管理器表的fetch方法获取视图，之后使用setDataView方法将获取的视图 绑定到TableSheet。 fetch方法可以在表和视图上执行，以返回各自的数据。

//TableSheet绑定视图
myTable.fetch().then(function () {
    var view = myTable.addView("myView");
    sheet.setDataView(view);
});