Introduction
NgxPanemuTable is an Angular table component. It is designed to be easy to use. Most work will be in typescript file, while the html file only needs to have a very simple
tag.
Features
Declarative table definition in typescript. Very little code in html needed.
Sane defaults that can be overriden app-wide and per table basis.
Pagination. More flexible than common pagination.
- Previous page of first page overflow to last page and vice versa.
- User can input arbitrary range.
- Client or server side. Client side pagination is provided, server side implementation is up to you.
Filtering.
- Provided filter editors for string, date and key-value pair.
- You can create custom filter editor.
- Support
between
operator using dot and comma. Dot representgreater/less and equal
. Comma representgreater/less
whithout equal.
amount: 1.,10 is translated to `amount >= 1 and amount < 10`
amount: 1,.10 is translated to `amount > 1 and amount <= 10`
Row Grouping.
- Support group level pagination.
- Customizable row group header and footer. See
Custom Row Group .
Column header
- Group multiple columns under one cell header.
- Support custom cell header renderer. You can put anything in column header.
Column Resizable.
User can change column visibility, position and stickiness at runtime. See
.PanemuSettingComponent Save table states:
- Columns visibility, position and stickiness.
- Filter, grouping, sorting and pagination.
If user changes any of those, go to other and back, the states are restored. See
Persist States .Customizable table cell.
- Support custom cell using
ng-template
or angular component. - Support custom cell formatting and styling
- Cell expansion. See
Cell Expansion . ✨
- Support custom cell using
Sticky column, header and footer
Cell colspan and rowspan. See
Cell Spanning .Export to CSV. See
. ✨PanemuTableController.getCsvData() Handle huge data using
virtual scroll . Now it doesn't support variable row height. But it will in the future.
arrow_rightPhilippines (7) | ||||||||||
arrow_rightUnited States (2) | ||||||||||
arrow_rightIndonesia (16) | ||||||||||
arrow_rightChina (25) | ||||||||||
arrow_rightNetherlands (1) | ||||||||||
arrow_rightCuba (1) | ||||||||||
arrow_rightBrazil (8) | ||||||||||
arrow_rightPeru (3) | ||||||||||
arrow_rightMongolia (1) | ||||||||||
arrow_rightJamaica (1) | ||||||||||
arrow_rightUkraine (4) | ||||||||||
arrow_rightSweden (2) | ||||||||||
arrow_rightPoland (7) | ||||||||||
arrow_rightMacedonia (1) | ||||||||||
arrow_rightIran (1) | ||||||||||
arrow_rightBulgaria (1) | ||||||||||
arrow_rightColombia (1) | ||||||||||
arrow_rightRussia (5) | ||||||||||
arrow_rightJapan (4) | ||||||||||
arrow_rightHungary (1) | ||||||||||
arrow_rightMexico (1) | ||||||||||
arrow_rightIvory Coast (1) | ||||||||||
arrow_rightSenegal (1) | ||||||||||
arrow_rightAlbania (1) | ||||||||||
arrow_rightCzech Republic (3) | ||||||||||
arrow_rightKyrgyzstan (1) | ||||||||||
arrow_rightCroatia (1) | ||||||||||
arrow_rightPanama (1) | ||||||||||
arrow_rightDenmark (1) | ||||||||||
arrow_rightMorocco (1) | ||||||||||
arrow_rightNigeria (2) | ||||||||||
arrow_rightFrance (1) | ||||||||||
arrow_rightTunisia (1) | ||||||||||
arrow_rightAfghanistan (2) | ||||||||||
arrow_rightCanada (1) | ||||||||||
arrow_rightHaiti (1) | ||||||||||
arrow_rightThailand (1) | ||||||||||
arrow_rightBosnia and Herzegovina (1) | ||||||||||
arrow_rightFinland (1) | ||||||||||
arrow_rightPortugal (4) | ||||||||||
arrow_rightGeorgia (1) | ||||||||||
arrow_rightGreece (2) | ||||||||||
arrow_rightArgentina (3) | ||||||||||
arrow_rightBurkina Faso (1) | ||||||||||
arrow_rightHonduras (1) | ||||||||||
arrow_rightSpain (1) | ||||||||||
arrow_rightEritrea (1) | ||||||||||
arrow_rightGuatemala (1) | ||||||||||
arrow_rightSouth Africa (1) | ||||||||||
arrow_rightMauritania (1) | ||||||||||
arrow_rightNorway (1) |
More In The Future
These features are not developed yet. Please create a ticket in
- Global search.
- Display transposed row in a dialog.
- Virtual scroll with variable row height.
Releases:
v.0.0.9
- New
as the UI to change columns visibility, position and stickiness.PanemuSettingComponent - Save table states (column structure, pagination, filtering, sorting and grouping)
- Support cell rowspan and colspan using
.RowRenderer
v.0.0.7
- Virtual scroll
- Table footer
- RowGroup now customizable and can have footer
v.0.0.6
- Cell expansion
- Export to CSV
v.0.0.5
- Group multiple columns under one cell header
Support Us
About Panemu
We are software development company.