how to group the rows to apply expand /collapse all .iam using this in dc.js.

sandep

using this getting the data table in dc.js .but how to apply collapse / expand(on first row) on filed1
'''

Field1	Field2	Field3	Field3

datatable = $(".dc-data-table").dataTable({
"bDeferRender": true,
"aaData": allCsvData.top(10),
"bDestroy": true,
"aoColumns": [
{ "mData": "Field1", "sDefaultContent": " " },
{ "mData": "Field2", "sDefaultContent": " " },
{ "mData": "Field3", "sDefaultContent": " " },
{ "mData": "Field4", "sDefaultContent": " " }
]
});'''
like below example :: https://jquery-datatables-row-grouping.googlecode.com/svn/trunk/customization.html