ngx-datatable
ngx-datatable is an Angular component for presenting large and complex data. It has all the features you would expect from any other table but in a light package with no external dependencies. The table was designed to be extremely flexible and light; it doesn't make any assumptions about your data or how you: filter, sort or page it.
It was built for modern browsers using TypeScript, CSS3 and HTML5 and Angular 8.0.0. This is the sister project of the angular-data-table that is designed for Angular 1.x.
Check out the documentation & demos for more information!
See the changelog for recent changes.
Features
- Handle large data sets ( Virtual DOM )
- Expressive Header and Cell Templates
- Horizontal & Vertical Scrolling
- Column Reordering & Resizing
- Client/Server side Pagination & Sorting
- Intelligent Column Width Algorithms ( Force-fill & Flex-grow )
- Integrated Pager
- Cell & Row Selection ( Single, Multi, Keyboard, Checkbox )
- Fixed AND Fluid height
- Left and Right Column Pinning
- Row Detail View
- Decoupled theme'ing with included Google Material theme
- Light codebase / No external dependencies
- AoT Compilation Support
- Universal Support
Installation
To use ngx-datatable in your project install it via npm:
npm i @swimlane/ngx-datatable --save
Credits
ngx-datatable is a Swimlane open-source project; we believe in giving back to the open-source community by sharing some of the projects we build for our application. Swimlane is an automated cyber security operations and incident response platform that enables cyber security teams to leverage threat intelligence, speed up incident response and automate security operations.
SecOps Hub is an open, product-agnostic, online community for security professionals to share ideas, use cases, best practices, and incident response strategies.
-
为Angular制作的功能丰富但轻量级的数据表 http://swimlane.github.io/ngx-datatable/ ngx-datatable是一个用于呈现大型复杂数据的Angular组件。它具有您期望从任何其他表中获得的所有功能，但是在没有外部依赖性的轻型包中。桌子设计得非常灵活轻便; 它不会对您的数据或您如何做出任何假设：对其进行过滤，排序或分页。 它是为使用TypeScri
-
遇到的问题 项目开发周期长，当时用的框架是angular5，目前angular的版本已经更新到angular7，公司要实现表格无线滚动并且可以支持每一列可以自由拉伸，ngx-datatable的拉伸在angular5上不起作用 替换的方案 使用jQuery+jquery.resizableColumns+angular2-infinite-scroll替换ngx-datatable 对于外部插件的
-
项目进行到末期，需要对系统中所有的table列的宽度进行拉伸，之前用的ngx-datatable进行表格的渲染，但是由于项目开发的时间太久，目前还是用的angular5的版本，在使用ngx-datatable的过程中发现无法对列进行拉伸，报如下错误： rxjs_1.fromEvent is not a function 然后新建一个angular7的项目发现就无此问题，可以正常拉伸列，以为是ng
-
使用ngx-datatable，自定义css 需要： 在css文件中加入 @import '~@swimlane/ngx-datatable/release/index.css'; @import '~@swimlane/ngx-datatable/release/themes/material.css'; @import '~@swimlane/ngx-datatable/release/ass
-
1. 基本环境配置 1.1. 命令安装相应的依赖 1.2. 在Module定义中引入对应Module 1.3. 引入对应的CSS 2. 简单使用示例验证是否集成成功 2.1. ngx-datatable的使用 2.2. ng2-tree的使用 因为Ionic2中没有DataTable控件，也没有Tree控件，我们这边又要求使用Ionic来开发WebPC端的应用，所以就采用集成第三方的方案，最终选择
-
ngx-weui 是一个使用 Angular 构建的 WeUI 组件。 在线示例以及API文档。
-
ngx-fastdfs 是 nginx + lua +fastdfs 实现分布式图片实时动态压缩。 install 进入docker目录docker build -t fastdfs:dev . 使用 docker -idt -p 80:80 fastdfs:dev /bin/bash进入容器执行/etc/rc.local 测试 进入容器执行test目录下的./test.sh或者直接执行下面脚本
-
ngx-markdown ngx-markdown is an Angular library that combines... Marked to parse markdown to HTML Prism.js for language syntax highlight Emoji-Toolkit for emoji support KaTeX for math expression rende
-
ngx-admin Who uses ngx-admin?| Documentation | Installation Guidelines | Angular templates New! Material theme for ngx-admin Material admin theme is based on the most popular Angular dashboard templat
-
@sweetalert2/ngx-sweetalert2 Official SweetAlert2 integration for Angular This is not a regular API wrapper for SweetAlert (which already works very well alone), it intends to provide Angular-esque ut
-
ngx-dropzone A lightweight and highly customizable Angular dropzone component for file uploads. For a demo see DEMO. And the CODE for the demo. Install $ npm install --save ngx-dropzone Usage // in ap