Anyone Brave Enough To Try This Datatable Layout?
Anyone Brave Enough To Try This Datatable Layout?
I've been struggling in my attempts to layout the perfect Datatable having the following features:
1) Has a header row with the ability to drag any column into a new position and stays in a fixed, vertical location.
2) Has a footer row to show Min, Max, Avg and Total values where applicable.
3) Each row is capable of revealing more detail using a toggle in the row preferably in column position 1.
4) Table body (rows) can scroll without moving header row in item #1.
5) Data contains a primary key value that is not to be displayed and is in the first column (hidden).
6) Has the search/filter text box that also updates the footer information.
Has anyone been able to do this and if so, are you willing to share some sample code?
I really wish that there could be more advanced examples that combine all of datatables capabilities into the "ultimate" datatable. A datatable on steroids if you will :)
I've taken code from each example available from the demos and managed to hack something together. I'll admit that I don't really know jQuery and datatables very well.The glitches I've encountered involve the detail row not aligning itself correctly. It always appears left aligned in the table and does not extend all the way to the right edge. I'm thinking that this is related to the hidden column in position 0 that stores the primary key value.
In addition, when I drag a header cell to move the column, I get phantom footer information appearing where the column used to be.
1) Has a header row with the ability to drag any column into a new position and stays in a fixed, vertical location.
2) Has a footer row to show Min, Max, Avg and Total values where applicable.
3) Each row is capable of revealing more detail using a toggle in the row preferably in column position 1.
4) Table body (rows) can scroll without moving header row in item #1.
5) Data contains a primary key value that is not to be displayed and is in the first column (hidden).
6) Has the search/filter text box that also updates the footer information.
Has anyone been able to do this and if so, are you willing to share some sample code?
I really wish that there could be more advanced examples that combine all of datatables capabilities into the "ultimate" datatable. A datatable on steroids if you will :)
I've taken code from each example available from the demos and managed to hack something together. I'll admit that I don't really know jQuery and datatables very well.The glitches I've encountered involve the detail row not aligning itself correctly. It always appears left aligned in the table and does not extend all the way to the right edge. I'm thinking that this is related to the hidden column in position 0 that stores the primary key value.
In addition, when I drag a header cell to move the column, I get phantom footer information appearing where the column used to be.
This discussion has been closed.
Replies
but simple one, like adding another pagination on top of the table.
or add the datatable length at the bottom of the table.
http://datatables.net/forums/comments.php?DiscussionID=3423&page=1#Comment_14776