search

primefaces / primeng

The Most Complete Angular UI Component Library
https://primeng.org
Other
10.26k stars 4.56k forks source link

Multi Row Grouping for DataTable #4505

Closed jisqaqov closed 6 years ago

jisqaqov commented 6 years ago

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

rkdvep commented 6 years ago

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

jisqaqov commented 6 years ago

You are completely wrong. rowspan works with td tag.

rkdvep commented 6 years ago

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

jisqaqov commented 6 years ago

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

jisqaqov commented 6 years ago

See attached file

rkdvep commented 6 years ago

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

jisqaqov commented 6 years ago

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.

rkdvep commented 6 years ago

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

jisqaqov commented 6 years ago

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

jisqaqov commented 6 years ago

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

cagataycivici commented 6 years ago

What do you mean by group rows on custom?

jisqaqov commented 6 years ago

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.

jisqaqov commented 6 years ago

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

HamoudaJoe commented 6 years ago

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

jisqaqov commented 6 years ago

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

jisqaqov commented 6 years ago

When you could add such feature?

cagataycivici commented 6 years ago

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.

jisqaqov commented 6 years ago

Ok, looking forward to this feature.

cagataycivici commented 6 years ago

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.

MHacker9404 commented 6 years ago

How do we get access to the 5.1.0 release?

cagataycivici commented 6 years ago

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.

patilragini commented 6 years ago

@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