Progressive Table Rendering in Internet Explorer

Question

Ich versuche, eine Tabelle progressiv in Internet Explorer zu rendern. Es rendert in Firefox progressiv - allerdings im IE. Es rendert es im Speicher, so dass die Tabelle mehr Zeit benötigt, um sichtbar zu erscheinen.

Ich habe einen festen Layout auf den Tisch, und ein colgroup/col einrichten -

Dies ist, was der Code wie folgt aussieht (ich es in C# bin Konstruktion und auch unter Verwendung von Bootstrap):

sb.Append("<table class='table table-condensed small table-hover table-bordered' style='table-layout: fixed;'>"); 
sb.Append(@"<colgroup span=13> 
      <col width='350'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
      <col width='*'> 
       </colgroup>"); 

Answer 1

Sie können kein progressives HTML-Rendering mit C# -Code durchführen. Ihr gesamter C# -Code wird ausgeführt, bevor die Seite überhaupt an den Server gesendet wird.

Answer 2

Ihr HTML-Code wird auf dem Server ausgeführt und als komponierte HTML wird sofort an Ihren Browser gesendet. Das progressive Rendering, das Sie in Firefox sehen, ist nur eine Illusion. Wenn der HTML-Antwortstream gestartet wird und die Daten zu Firefox fließen, beginnt der Rendervorgang. IE validiert jedoch zuerst vollständig HTML bis schließendes Tag der Tabelle und dann rendert es.

Um progressive HTML zu verwenden, verwenden Sie Tauchgänge anstelle von Tabellen. Es ist ein effizienterer Ansatz und Sie können den Bootstrap wirklich nutzen, indem Sie Ihr Design responsiv gestalten.

Wenn Tabelle die einzige Wahl ist, sollten Sie das Tabellenlayout-CSS-Attribut angeben, um eine optimale Leistung von Internet Explorer 5 oder höher zu erzielen. Mit den folgenden Schritten ermöglichen Sie Internet Explorer, die Tabelle zu rendern, bevor alle Daten empfangen wurden.

• Legen Sie das CSS-Attribut table-layout fest in der Tabelle fest.
• Definieren Sie explizit Col-Objekte für jede Spalte.
• Setzen Sie das WIDTH-Attribut für jeden col.

Weitere Details zu https://msdn.microsoft.com/en-us/library/ms533020(VS.85).aspx#Use_Fixed-Size_Tables

Answer 3

Wie IE den HTML-Block als Ganzes die Tabelle macht nur geladen werden, wenn IE Validierung abgeschlossen umschließenden Tag wie Asad Mehmood hingewiesen. Benutze divs.