npm 包 ng2-smart-table-custom 使用教程

阅读时长 2 分钟读完

ng2-smart-table-custom 是一个基于 Angular 2 和 ngx-smart-table 的前端开源库,它提供了可定制的数据表格、多选、单选、分页、排序和搜索等功能,从而以便捷的方式展示和管理数据。

安装

使用 ng2-smart-table-custom 可以非常方便地展现数据,首先需要在应用程序的根目录下使用 npm 安装它

然后在项目中导入需要的模块:

-- -------------------- ---- -------
------ - ------------------------- - ---- -------------------------

-----------
  -------- -
    --------------
    --------------------------
  --
  ------------- - --- --
  ---------- - --- -
--

------ ----- --------- --

使用

在模板文件中,可以使用 ng2-smart-table-custom 组件来展示数据,例如:

其中 settings 属性为表格设置,source 属性为数据源,userRowSelect 事件可处理选中行的逻辑。接下来将详细介绍如何使用这些配置来定制表格。

表格设置

ng2-smart-table-custom 提供了多种可配置的表格设置项,这些设置项可在组件所在的控制器中定义。

-- -------------------- ---- -------
------ - --------- - ---- ----------------

------------
  --------- -----------
  --------- ------------------------ --------------------- --------------- ---------------------------------------------------------------------
--
------ ----- ------------ -

- ------------------------------------------------------------------------------ --------
------------------------------------------------------------------------------------------------------------------------
纠错
反馈