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

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 提供了多种可配置的表格设置项，这些设置项可在组件所在的控制器中定义。

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

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

------------------------------------------------------------------------------ ----------
-----------------------------------------------------------------------------------------------------------------------------
阅读全文

猜你喜欢

  • npm包micro-access使用教程

    简介 micro-access是一个 npm 包，它提供一种简单的方法来限制对常规 Express 路由的访问。micro-access可以与任何路由器一起使用，但是它最常用于微服务场景。

    3 年前
  • npm 包 machinepack-pushnotifications-it 使用教程

    介绍 npm（Node Package Manager） 是 Node.js 开发中非常重要的工具。使用 npm 可以方便的搜索、安装、更新和管理 Node.js 模块。

    3 年前
  • npm 包 node-be 使用教程

    简介 npm 是前端开发中常用的包管理器，而 node-be 是一个适用于 node.js 的反向代理服务器，可以将请求转发到指定的目标服务器上，并且支持负载均衡。

    3 年前
  • npm 包 yarn-or-die 使用教程

    如果你是一位前端开发者，就一定会经常使用包管理工具 npm 或者 yarn。但是有时候，当你的项目依赖关系比较复杂的时候，使用 npm 或者 yarn 安装依赖可能会出现一些问题。

    3 年前
  • npm 包 react-sigma-benjie 使用教程

    如果你是一名前端开发者，并且使用 React 进行开发，那么你可能会遇到一些复杂的图形以及网络拓扑结构的可视化。在这种情况下，react-sigma-benjie 这个 npm 包就可以派上用场了。

    3 年前
  • npm 包 plus-editor.md 使用教程

    在前端开发中，文本编辑器是不可或缺的工具之一。而 plus-editor.md 则是一个强大的、支持 markdown 的富文本编辑器插件。该插件可以让用户在可视化的编辑器中编辑自己的文章，并将其转换...

    3 年前
  • npm 包 tic2tiled 使用教程

    介绍 在前端开发中，我们常常需要将游戏开发者使用的 tic80 引擎生成的游戏地图转化为游戏编辑器 Tiled 所需要的 tmx 格式。而 npm 包 tic2tiled 可以帮助我们实现这一功能。

    3 年前
  • npm 包 chipa 使用教程

    简介 npm 是开发者常用的包管理工具之一，可以方便地安装、更新和卸载各种依赖包。其中，chipa 是一个前端类的 npm 包，主要功能为生成随机颜色。该包功能简单、易用，适合初学者学习 npm 包的...

    3 年前
  • npm 包 yeps-mysql 使用教程

    前言 yeps-mysql 是一个让 Node.js 开发者更便捷地连接和操作 MySQL 数据库的 npm 包。本文主要介绍该包的使用教程，包括安装、连接数据库以及常见的操作等。

    3 年前
  • npm 包 data-table-angular-4-bootstrap-3 使用教程

    前端工程师在开发 Web 应用时经常需要展示数据表格，为了便捷使用和样式美观，我们可以使用 data-table-angular-4-bootstrap-3 这个 npm 包，以下是使用教程。

    3 年前
  • npm 包 easy-graphql 使用教程

    随着前端技术的不断发展，越来越多的开发者开始尝试使用 GraphQL 替代传统的 RESTful 接口。Easy-graphql 就是一个基于 GraphQL 的前端 npm 包，可以轻松帮助开发者实...

    3 年前
  • npm 包 nd-weather 使用教程

    现代的 Web 应用越来越依赖于大量的第三方库和框架。npm（Node Package Manager）是一个让你能够使用别人的模块化代码的包管理器，它是 Node.js 的默认包管理器，为前端开发提...

    3 年前
  • npm 包 oc-mod 使用教程

    在前端开发过程中，我们常常需要修改已有项目中的代码。而手动修改代码可能比较繁琐，且容易出错，因此有必要引入 oc-mod 这个 npm 包来帮助我们进行代码修改操作。

    3 年前
  • npm 包 groupcenter-datos-coaseguro-frontend 使用教程

    简介 在前端开发中，我们常常需要处理数据协调、协作等问题。其中，前端组件库 groupcenter-datos-coaseguro-frontend 可以帮助我们优雅地解决这些问题。

    3 年前
  • npm 包 tic-tiled 的使用教程

    tic-tiled 是一个基于 TypeScript 和 Pixi.js 的开源游戏引擎，专注于制作瓷砖地图类游戏。本文将介绍 npm 包 tic-tiled 的基本使用方法，包括安装、引用、初始化、...

    3 年前
  • npm 包 shields-badges-urls 使用教程

    前言 作为前端工程师，使用 npm 包是我们非常常见的一种操作，而使用 badges 也是我们在开发过程中经常用到的。那么，有没有一种方式可以更加方便地生成 shields badges 呢？答案是肯...

    3 年前
  • npm 包 alexa-show-builder 使用教程

    引言 alexa-show-builder 是一款用于开发 Amazon Alexa 展示技能（Alexa Show Skill）的 npm 包，它提供了一些便捷的方法帮助开发者在不同的设备上构建不同...

    3 年前
  • npm 包 @oggi.ch/pipe 使用教程

    简介 @oggi.ch/pipe 是一个基于 JavaScript 的 npm 包，它提供了一种有效的方式，可以使您的代码更加模块化和易于维护。它是一个功能强大的管道操作符，可以让您在一条语句中使用多...

    3 年前
  • npm包agentstack-router使用教程

    前言 随着前端应用的复杂度不断提高，前端路由的重要性越来越突出，现在主流的前端框架都内置了路由机制，比如React的React Router、Vue的Vue Router等。

    3 年前
  • npm包eslint-config-smyte使用教程

    在前端开发中，保证代码质量和规范性是非常重要的。而 eslint 可以帮助我们检查和维护代码质量和规范性。在这篇文章中，我将为您介绍使用 npm 包 eslint-config-smyte 来提高您的...

    3 年前

相关推荐

    暂无文章