jquery/javascript how to calculate width faster -


I have a table with 100 columns. I am running a loop through all the other elements, so that Width can be set explicitly. 

  var $ ths = $ ("table th"); $ Ths.each (function (i, th) {var $ th = $ (th); var width = $ th.width (); $ th.width (width);});   
 For 100 columns, it takes a lot of time (more than 60). Each "received width" call takes 500-700 ms because the need to prepare the layout every time, I get the width  
 Question - is there a fast way to get the width?  
 The reason - I am freeing the header. For this, I have to set the width of each header for fixed pixel width. Everything is dynamic and the pre-set width of each column is not an option. .   
 
 
 You might consider writing plain vanilla javascript for it. Maybe your milliseconds may be shave from your time.  
  var cells = myTable.rows [0]. children; For (var i = 0; i & lt; cells; length; i ++) {cells [i] .style.width = cells [i] .offsetwidth + "px"; }   
 Because you are using the offsetwid, however, the width of the cell is estimated based on how many letters of TH (assuming that the text is not wrapped and that you have a Define, using monotype fonts) and  
  // Doc head functions Attach CSS classes to the stylesheet in append style (var css = document.createElement ('style') ; Css.type = 'text / css'; // Check browser compatibility if (CSS. Stylesheet) CSS. Stylesheet.code text = style; Else css.appendChild (document.createTextNode (style)); Document.getElementsByTagName ("head") [0] .appendChild (CSS); } Var cells = myTable.rows [0]. children; Var cellWidth = 0; Var letter wide = 5; // Assume that each letter is 5px wide var classname = ''; Var styles = ''; For (var i = 0; i   
 You can take it even further by providing all the things outside the DOM on the runout and by using the fragments of the document () by swapping the piece after loading the DOM ... but Seriously, at this point you really have to ask yourself that the juice is worth squeezing.

Comments

Post a Comment

Popular posts from this blog

java - NullPointerException for a 2d Array -

नक्शा = नया बफर्ड इमेज [चौड़ाई] [ऊंचाई]; के लिए (int i = 0; i & lt; height; i ++) {for (int j = 0; j & lt; चौड़ाई; j ++) {if (charMap [j] [i] == पर्वत। इंडेंटफार्म) {if (j + 1 & lt ; चौड़ाई और amp; amp; j-1 & gt; = 0) {if (charMap [j-1] [i]! = पर्वत। इंडेंटिफ़ायर & amp; amp; & amp; amp; charMap [j + 1] [i]! = पर्वत। इंडेंटफार्म) {नक्शा [जे] [आई] = टाइल ग्रिड [1] [10]; }} और {नक्शा [जे] [आई] = टाइल ग्रिड [8] [10]; }}} यह कोड है जिसे मैं सेल के चारों ओर प्रत्येक टाइल को चेक करके 2 डी सर की जांच करने के लिए उपयोग कर रहा हूं लेकिन मुझे लगता है कि किसी को भी सोच रहा हूँ मदद कर सकता है? मुझे संदेह है कि आपको NullPointerException को charMap [j] से प्राप्त हो रहा है [ I] == पर्वत। इंडेंटिफ़ायर लाइन। सुनिश्चित करें कि आप ज्योफ द्वारा सुझाए गए दोनों मानचित्रों के लिए आंतरिक सरणियों को प्रारंभ करते हैं।
Read more

python - Assemble mpeg file unable to play in mediaplayer -

I am currently working on a school project and I think that is to gather some problems with the MPEG file I The scope of my project is: 1) Split the MPEG file into pieces of many fixed sizes. 2) Collecting some of them and leaving some part. Problem 1: When I run the file in the media player, it will play the video until it reaches that segment which I left Give it Example: Chunk = ["yui_1", "yui_2", "yui_3", "yui_5", "yui_6"] Duration of each segment: 1 second * If you think I have left the "yui_4" section. * If I went to collect all the parts except "yui_4", then the video will play the first 2 seconds before being hanged throughout the period. Problem 2: When I gather the first part off the part, it is unable to run the full MPEG file is. Duration of each piece: 1 second Example: wheel = ["yui_2", "yui_3", "yui_4", "yui_5", "yui_6"...
Read more

asp.net - MVC [HandleError] HandleErrorAttribute called twice when using global logging -

In an MVC3 web application, I was using Public Static Zero Global Filter Filter (GlobalFilterCollection filter) In order to implement global error handling, where the user was shown 'Error' view, if there was no exception, an exception occurred. For a particular view, I also wanted to display a different error view, if by decorating the method with [HandleError (View = "SpecialError")] Unwanted exceptions occurred. It works fine. Then I want to add global logging to unsociable exceptions. I created a custom handle error feature with the logging code: Public class MyHandleErrorAttribute: HandleErrorAttribute {The public override zero over exponence (exception context context) {// code to log code code. Xxation (reference); }} And instead of using this attribute name, register global filter and method decoration has been updated. It usually works, but when there is an exception method that is decorated with MyHandleError (see = "special error...
Read more