在Internet Explorer中大约50000后重叠的html表行
我在IE中遇到问题。我有一个虚拟滚动表。我在动态地使用JavaScript在此表中添加行。并相应地设置每行的顶部。正如您在代码中看到的那样。这项工作直到51130.但是在51130行之后IE重叠。在其他浏览器中它工作正常。这是我的问题的截图。
＆＃13;
＆＃13;
＆＃13;
＆＃13;
table, th, td {
border: 1px solid black;
white-space:nowrap;
/* padding-left:5px; */
table-layout:fixed;
width: 100%;
padding-right:5px;
}
.vrow{
display:table;
position:absolute;
table-layout: fixed;
width:99.99%;
left: 1px;
font-size: 0px;
line-height: 0px;
}
.vrow td{
width: 50px;
line-height: 28px;
white-space: nowrap;
font-size: 15px;
overflow: hidden;
/* display: inline-block; */
}
.fixed-header th{
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: 1533210px;">
<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>
任何帮助将不胜感激。提前谢谢。
2 个答案:
答案 0 :(得分：0)
如果您要删除＆＃34; style =＆＃34; top：1534980px;＆＃34;来自每个TR和＆＃34;位置的绝对顶部位置：绝对＆＃34;来自＆＃34; .vrow＆＃34;类。它会正常工作。
答案 1 :(得分：0)
我必须从你的行中删除style =＆＃34;顶部的东西
和
这个css
.vrow{
display:table;
position:absolute;
table-layout: fixed;
width:99.99%;
left: 1px;
font-size: 0px;
line-height: 0px;
}
使它在jsfiddle中工作，所以可能会工作，即如果你这样做，还没有测试它，因为它需要我启动QEMU
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？