The filter textboxes disappear
The filter textboxes disappear
Hello,
I have a table where I have used horizontal scrolling plus individual column filtering, but if i add ("sScrollX": "100%", "bScrollCollapse": true) as suggested then when I do sorting or filtering or paginate then the whole row containing the filter textboxes disappears.
Please help me as I cant find a way out. Below is my code ::
$('#<%=gvData.ClientID %>').dataTable({ "sScrollX": "100%",
"bScrollCollapse": true
}).columnFilter({ sPlaceHolder: "head:after", "bSort": true,
aoColumns: [{ type: "text" },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"]}]
});
I have a table where I have used horizontal scrolling plus individual column filtering, but if i add ("sScrollX": "100%", "bScrollCollapse": true) as suggested then when I do sorting or filtering or paginate then the whole row containing the filter textboxes disappears.
Please help me as I cant find a way out. Below is my code ::
$('#<%=gvData.ClientID %>').dataTable({ "sScrollX": "100%",
"bScrollCollapse": true
}).columnFilter({ sPlaceHolder: "head:after", "bSort": true,
aoColumns: [{ type: "text" },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"] },
{ type: "number-range", "sSortDataType": "dom-text", "sType": "numeric", "asSorting": ["desc", "asc", "asc"]}]
});
This discussion has been closed.
Replies
Allan