1. Zuhause
  2. Frage und Antwort
  3. html Tabellenzeilen überlappend nach etwa 50000 in Internet Explorer

html Tabellenzeilen überlappend nach etwa 50000 in Internet Explorer

2016-07-12 6 views
0

Ich stehe vor einem Problem in IE. Ich habe einen Tisch mit virtuellem Scrollen. Ich füge Zeilen in dieser Tabelle mit JavaScript dynamisch hinzu. und setze das obere Ende jeder Zeile entsprechend. Wie Sie im Code sehen können. Dies funktioniert bis 51130. Aber nach 51130 werden Zeilen im IE überlappen. In anderen Browsern funktioniert es gut. Hier ist der Screenshot meines Problems.html Tabellenzeilen überlappend nach etwa 50000 in Internet Explorer

enter image description here

table, th, td { 
 
    border: 1px solid black; 
 
    white-space:nowrap; 
 
    /* padding-left:5px; */ 
 
    table-layout:fixed; 
 
    width: 100%; 
 
    padding-right:5px; 
 
} 
 

 
.vrow{ 
 
\t display:table; 
 
\t position:absolute; 
 
    table-layout: fixed; 
 
    width:99.99%; 
 
    left: 1px; 
 
    font-size: 0px; 
 
    line-height: 0px; 
 
} 
 
.vrow td{ 
 
\t width: 50px; 
 
\t line-height: 28px; 
 
\t white-space: nowrap; 
 
\t font-size: 15px; 
 
\t overflow: hidden; 
 
\t /* display: inline-block; */ 
 
} 
 
.fixed-header th{ 
 
\t width: 50px; 
 
} 
 
div.main-table { 
 
    overflow:auto; 
 
    width:200px; 
 
    height:300px; 
 
    table-layout:fixed; 
 
} 
 
div.fixed-header-table { 
 
    position:relative; 
 
} 
 

 
div.fixed-header-wrapper { 
 
    overflow:hidden; 
 
    /* width: 999999999999999999px; */ 
 
} 
 

 
/* style for two seprate div */ 
 
#sidebar { 
 
    width: 50%; 
 
    min-height: 400px; 
 
    background: #EFF0F1; 
 
    float: left; 
 
} 
 
#main{ 
 
    width: 500px; 
 
    overflow: hidden; 
 
} 
 

 
#page-wrap { 
 
    width: 50%; 
 
    background: #FFFFCC; 
 
    min-height: 400px; 
 
    float: left; 
 
} 
 

 
.clear:after { 
 
    clear: both; 
 
    display: table; 
 
    content: ""; 
 
} 
 
#outerDiv{ 
 
width: 500px; 
 
overflow: hidden; 
 
position: relative; 
 
} 
 
.container{ 
 
max-height: 300px; 
 
overflow-y: auto; 
 
}
<div class="container" id="main_btl_container" style="padding: 0px; border: 1px solid black; border-image: none; width: 500px; height: 360px; position: relative;"> 
 
    <table id="table-body" cellspacing="0" cellpadding="0"> 
 
     <tr class="vrow" style="top: 1532940px;"> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     <td>51098</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1532970px;"> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     <td>51099</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533000px;"> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     <td>51100</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533030px;"> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     <td>51101</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533060px;"> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     <td>51102</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533090px;"> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     <td>51103</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533120px;"> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     <td>51104</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533150px;"> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     <td>51105</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533180px;"> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     <td>51106</td> 
 
     </tr> 
 
     <tr class="vrow" style="top:px;"> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     <td>51107</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533240px;"> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     <td>51108</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533270px;"> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     <td>51109</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533300px;"> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     <td>51110</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533330px;"> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     <td>51111</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533360px;"> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     <td>51112</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533390px;"> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     <td>51113</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533420px;"> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     <td>51114</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533450px;"> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     <td>51115</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533480px;"> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     <td>51116</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533510px;"> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     <td>51117</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533540px;"> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     <td>51118</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533570px;"> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     <td>51119</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533600px;"> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     <td>51120</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533630px;"> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     <td>51121</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533660px;"> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     <td>51122</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533690px;"> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     <td>51123</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533720px;"> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     <td>51124</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533750px;"> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     <td>51125</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533780px;"> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     <td>51126</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533810px;"> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     <td>51127</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533840px;"> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     <td>51128</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533870px;"> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     <td>51129</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533900px;"> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     <td>51130</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533930px;"> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     <td>51131</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533960px;"> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     <td>51132</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1533990px;"> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     <td>51133</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534020px;"> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     <td>51134</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534050px;"> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     <td>51135</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534080px;"> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     <td>51136</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534110px;"> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     <td>51137</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534140px;"> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     <td>51138</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534170px;"> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     <td>51139</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534200px;"> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     <td>51140</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534230px;"> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     <td>51141</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534260px;"> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     <td>51142</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534290px;"> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     <td>51143</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534320px;"> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     <td>51144</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534350px;"> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     <td>51145</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534380px;"> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     <td>51146</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534410px;"> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     <td>51147</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534440px;"> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     <td>51148</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534470px;"> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     <td>51149</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534500px;"> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     <td>51150</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534530px;"> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     <td>51151</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534560px;"> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     <td>51152</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534590px;"> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     <td>51153</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534620px;"> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     <td>51154</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534650px;"> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     <td>51155</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534680px;"> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     <td>51156</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534710px;"> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     <td>51157</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534740px;"> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     <td>51158</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534770px;"> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     <td>51159</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534800px;"> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     <td>51160</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534830px;"> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     <td>51161</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534860px;"> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     <td>51162</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534890px;"> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     <td>51163</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534920px;"> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     <td>51164</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534950px;"> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     <td>51165</td> 
 
     </tr> 
 
     <tr class="vrow" style="top: 1534980px;"> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     <td>51166</td> 
 
     </tr> 
 
    </table> 
 
    <div style="left: 0px; top: 0px; width: 1px; height: 1666650px; opacity: 0;"></div> 
 
</div>

Jede Hilfe würde geschätzt. Danke im Voraus.

Quelle

2016-07-12 Devender Kumar

+6

Im Ernst, 50.000 Zeilen? Heilige Cr * p! ... und was ist mit all dem 'style =" top: 1533000px; 'stuff? –

+0

Warum verwenden Sie' top' für jede Zeile? – Chris

+1

Es gibt eine Grenze in Pixeln, um Breiten, Höhen, Oberseiten und so weiter einzustellen. So Sie haben 'top: 1534980px' und' height: 1666650px; '. Ich weiß nicht genau die Grenzen im Internet Explorer, aber Sie können die F12-Entwickler-Tools sehen und den berechneten Wert für die Zeilen mit dem Problem sehen .. –

Antwort

0

Wenn Sie entfernen "style =" top:. 1534980px, "Inline-Top-Position von jedem TR und "position: absolute" von" .vrow“Klasse wird es dann gut funktionieren

Quelle

2016-07-12 10:45:17

+0

Bevor ich meine Frage gepostet habe, habe ich dasselbe versucht. Aber wenn ich Position: absolut entferne, verschwinden Zeilen in der Tabelle, wenn ich nach unten scrolle. –

0

Ich hatte zu löschen. die style = "top Sachen aus dem Reihen

und

diese css

.vrow{ 
    display:table; 
    position:absolute; 
    table-layout: fixed; 
    width:99.99%; 
    left: 1px; 
    font-size: 0px; 
    line-height: 0px; 
}

, um es in der jsfiddle funktioniert, so kann also funktionieren, wenn Sie das tun, haben sie nicht getestet wie es erforderlich ist re mich QEMU starten

https://jsfiddle.net/cmckay/ud3beyrn/

Quelle

2016-07-12 11:02:22

+0

Danke für Ihre Mühe. Bei scroll funktioniert das nicht. Die Zeilen werden verschwinden. Denn wenn wir nach unten oder oben scrollen, ändert sich die Inhaltsposition. –

 Verwandte Themen

  • Keine verwandten Themen^_^