访问 Tabulator 以前使用 Angular 创建的表

【问题标题】：Access Tabulator a table created previously using Angular访问 Tabulator 以前使用 Angular 创建的表
【发布时间】：2019-12-17 07:56:38
【问题描述】：

我使用 Angular 8 并创建了一个制表符表，其 id 为 'ex-table-div'

我希望能够从另一个 Angular 组件触发制表符表上的“下载”方法。

我可以使用 getElementById 获取元素，但这只是获取标准的 HTML 元素。有没有办法获取实际的制表符对象或将 HTML 对象转换为制表符对象？

【问题讨论】：

标签： angular tabulator

【解决方案1】：

你不需要获取 html 而是 JS 构造器对象。

this.table = new Tabulator("#example-table", {
    height:"311px",
    columns:[
        {title:"Name", field:"name", width:200},
        {title:"Progress", field:"progress", width:100, sorter:"number"},
        {title:"Gender", field:"gender"},
        {title:"Rating", field:"rating", width:80},
        {title:"Favourite Color", field:"col"},
        {title:"Date Of Birth", field:"dob", align:"center", sorter:"date"},
        {title:"Driver", field:"car", align:"center", formatter:"tickCross"},
    ],
});
this.table.download("csv", "data.csv");

【讨论】：