var
screenDivHeader = (l_screenWidth - 17);
sender.get_element().style.width = l_screenWidth +
"px";
sender.get_element().getElementsByTagName(
"div")[0].style.width = screenDivHeader + "px";
sender.get_element().getElementsByTagName(
"div")[1].style.width = l_screenWidth + "px";
}
This is working perfectly and i have no problems with that. The problem is when we have no scrollbars and grid is less than the screen width. Now i want to shrink the grid to its orginal contents and dont want it to be 100% expanded. When i do that I got the header and table of the grid out of allignment as attached in the screenshot. Please note, if I remove this line from the master page
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
sender.MasterTableView._element.style.width =
"";
sender.get_element().style.width = sender.MasterTableView._element.offsetWidth +
"px";

function tabStripManipulation{ var tabStrip = $find('<%= this.myTabStrip.ClientID%>'); if (!tabStrip) { return; } var tab = tabStrip.findTabByText("Document"); // do more stuff here.... ...}