Tabs Column are not coming properly

Question

Hi , we are getting this output while loading this Tab. if i do "Inspect Element " then column is coming properly. after "Inspect element" output is like below: Any suggestion. Thanks,

Nilesh Shah · Answer

by looking at screenshot only cant help you much where is your HTML? make sure you have specified width='100%' for the div

ajay kumar · Answer

Hi Atlaf, Yes i am using DataTable window.__exhibitBAttachementGrid = $('#exhibitBAttachementGrid').dataTable({ "sAjaxSource": attachmentsUrl, "bServerSide": true, "bJQueryUI": true, "sServerMethod": "POST", "sScrollY": "auto", "sScrollX": "100%", "sWidth": "100%", "sPaginationType": "full_numbers", "sDom": ' tr ', "bProcessing": true, "bFilter": false, "aoColumns": [ { "mDataProp": "FileName", "sType": "html", bSortable: true }, { "mDataProp": "CreatedBy", "sType": "html", bSortable: true }, { "mDataProp": "CreatedOn", "sType": "html", bSortable: true }, { "mDataProp": "Actions", "sType": "html", bSortable: false } ], "iDeferLoading": 0, "fnServerParams": exhibitBAttachmentSearchCriteria, "fnDrawCallback": InitIdActions, "aaSorting": [[0, "desc"]] }); above is the property applied in the DataTable . Thanks

Altaf Ansari · Answer

i am sure You Have Used Jquery ' DataTable ' Plugin.. And Some Jquery functions not loading on PostBack.. Try This.. "text/javascript" > $( function () { var prm = Sys.WebForms.PageRequestManager.getInstance(); if (prm != null ) { prm.add_endRequest( function (sender, e) { if (sender._postBackSettings.panelsToUpdate != null ) { $( '#TableID' ).DataTable({ "scrollX" : true }); } }); }; });