I am binding the GridView in Server side then I am converting that as a J-Table using the following Js function.
Initially J-Table is shrinking in size then it load normally. This gives very ugly look in t application...
I know its happening cos of the time delay where to convert grid into Jquery-Tables . But how to avoid that shrinking....
I tried Setting width as 100% in fnDrawCallback preDrawCallBack and all.. But its not worked..
This is the code I used to convert as J-DataTable ..
function displayPqaAnalysis() {
var grvPqaAnalysisTable = document.getElementById("<%=grvPqaAnalysis.ClientID%>");
if (grvPqaAnalysisTable != null) {
var oTable = $('#' + '<%=grvPqaAnalysis.ClientID%>').dataTable({
"bJQueryUI": true,
"bRetrieve": true,
"bFilter": true,
"bSort": true,
"bInfo": true,
"aaSorting": [[0, "asc"]],
"bAutoWidth": true,
'iDisplayLength': pageSize,
"bPagination": true,
"sPaginationType": "full_numbers",
"bPaginate": true,
"bProcessing": true,
"width": "100%",
"aoColumnDefs": [{ bSortable: false, aTargets: [0]}]
});
}
}
The Concept is First I
bind t Gridview in server side then converting it into J-DataTable using t above Javascript function.
I hope U can understand My Bad question. But if u have any good answers please respond me back....
Thanks,
Sarath