Primeng: Multi Row Grouping for DataTable

Created on 22 Nov 2017  路  22Comments  路  Source: primefaces/primeng

Add rowspan and colspan attributes for rows in datatable. Currently primeng supports only grouping of headers.
See attached file.
table.xlsx

Most helpful comment

When you could add such feature?

All 22 comments

just add a style component to the column, e.g.: [style]="{'width':'250px'}"

You are completely wrong. rowspan works with td tag.

My fault, I misunderstood. Use a custom template for (one of) the columns. example implementation: http://plnkr.co/edit/k520pKFYl2FA7SJENMQe?p=preview

Again, You are completely wrong. I need to deal with rows not columns. Rows are quite different.

See attached file

Your attached file shows rows & columns of variable sizes, I'm afraid you'll have to be a bit more specific

Exactly, i want to reproduce such table using prime ng DataTable. Otherwise, i have to use html tables.
The point is some columns and rows grouped. In fact, i want to group rows.

Ah, https://www.primefaces.org/primeng/#/datatable/rowgroup the docs have an extensive guide on how to do this

Again, You are completely wrong. You can make only first column row grouping. I need to group rows on custom.

Instead of showing me docs, first, try to reproduce the problem.

What do you mean by group rows on custom?

I want to groups rows. In fact, i can group columns in DataTable but not rows. I know there are expandable rows feature, but i want to group some rows, others remain as it is. See attached file. To be specific i want to manipulate with rowspan attribute td tag of body of the DataTable.

I think it is a great feature to customize rows. See picture. It has rows grouped. Currently, you can not do this in DataTable.

did you find a solution to your problem? because I hava the same

I used plain html table. So i could handle rowspan and colspan manually. Unfortunately, primeng does not have such feature yet.

When you could add such feature?

Should be a new feature like multi row grouping, we can't do this before improving the performance of DataTable. I'd suggest going with a plain table at the moment.

Ok, looking forward to this feature.

p-dataTable is deprecated and will be removed in favor of the new p-table (aka TurboTable) of 5.1.0 so closing the issue. Please try the new p-table once 5.1.0 is released.

How do we get access to the 5.1.0 release?

New p-table can do this with templating, demo has row grouping with one field but it can be extended to support multiple fields as well, it is up to your implementation. DataTable is deprecated in favor new p-table and not maintained anymore.

@jisqaqov
i want to use same table format as shown in attached file can pl share row col format in primeng i tried with p-datable but it is very slow and not able to merge multiple row

Was this page helpful?
0 / 5 - 0 ratings

Related issues

miresk picture miresk  路  3Comments

mitosandov picture mitosandov  路  3Comments

cyberrranger picture cyberrranger  路  3Comments

papiroca-tm picture papiroca-tm  路  3Comments

SchneMa picture SchneMa  路  3Comments