GroupRows Plugin for jQuery


Click here to view the demo

How To Use


  groupColumn: iColumnIndex


Option Type Default
groupColumn Integer 0
ignoreFirstRow Boolean True
columnsForGroupRow Integer Array []


Name Example Purpose
destroy $.groupRows.destroy(table); Remove the current groupings from the table.


This plugin will group the rows of a table together based on a column you specify.  It goes from the top of the table to the bottom and starts a new group whenever it finds new content in the column you specified.

It is useful for making large tables easier for users to scan and understand.  The demo is an example of a long table of steps to perform for certain processes.  Users can group by roles or products to make the table easier to understand.  You could also use additional javascript to auto expand groups based on the statuses of the records in the group.

The “columnsForGroupRow” can be used to display the content of columns from the first record in a group on the group row itself.  An example is showing the subject from every group’s first record on the group rows themselves so users can even more quickly gain an understand of groups.

Leave a comment

1 Comment

  1. Hi,

    I’m just about to try your plugin – it looks like just what I need to fulfil a certain requirement in the project I’m working on.

    We’re quite tight on licensing, though, and I notice you haven’t released this under a licence at all. Is there any chance you could assign one? Perhaps joint MIT/GPL2 as per jQuery itself?




Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: