首页 / JAVASCRIPT / javascript-在angular 6中制作动态可配置表的最佳方法是什么？

javascript-在angular 6中制作动态可配置表的最佳方法是什么？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-在angular 6中制作动态可配置表的最佳方法是什么？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含860字，纯文字阅读大概需要2分钟。

内容图文

谁能建议在网站上制作动态表格的最佳方法？我希望该表是可配置的.

解决方法:

这是我写的表格组件

https://stackblitz.com/edit/angular-xdn6nq

要使用它,您可以给它一个数据数组和一个TableConfig对象.

<app-table [data]="data" [config]="tableConfig"></app-table>

表配置对象具有接口

interface TableConfig {
  columns: ColumnConfig<any>[];
  columnGroups?: ColumnGroup[];
  filters?: ((item: any) => boolean)[];
  groupBy?: GroupBy;
  update?: Subject<boolean>;
}

Columns是您将要设置的主要属性,它是ColumnConfig的数组,具有接口

interface ColumnConfig<T> {
  property: string;
  type?: ColumnType;
  heading?: string;
  sortable?: boolean;
  direction?: ColumnSortDirection;
  compare?: (a: T, b: T) => number; // Return -1 if a is less than b by some ordering criterion, 0 if equal, 1 a is greater than b by the ordering criterion
  display?: (item: T) => string;
  route?: (item: T) => string;
  href?: (item: T) => string;
}

内容总结

以上是互联网集市为您收集整理的javascript-在angular 6中制作动态可配置表的最佳方法是什么？全部内容，希望文章能够帮你解决javascript-在angular 6中制作动态可配置表的最佳方法是什么？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/686296.html

来源：【匿名】