Javascript 冻结表格标题错误-HTML

Javascript 冻结表格标题错误-HTML,javascript,html,css,html-table,display,Javascript,Html,Css,Html Table,Display,我正在尝试在我的库存网站的表输入中输入条目。我想冻结每个列的标题,并尝试使用此-> window.onload=function(){ var to_show=''; 对于(变量i=1;i跨度{ 字体系列:“奥斯瓦尔德”,无衬线; 字体大小:400; 字号:18px; } .项目1{ 网格柱:1/3; } .项目2{ 网格柱:3/5; } .项目3{ 网格柱:5/7; } .项目4{ 网格柱:7/9; } .项目5{ 网格柱:1/9; } .里面{ 填充:0; 垫底:10px; 边界:无; }

我正在尝试在我的库存网站的表输入中输入条目。我想冻结每个列的标题,并尝试使用此->

window.onload=function(){
var to_show='';
对于(变量i=1;i<50;i++){
显示+='';
显示+='';
}
document.getElementById('addInside_tr_20')。innerHTML=to_show;
}
@导入url(“https://fonts.googleapis.com/css?family=Montserrat:300,400 |奥斯瓦尔德:200300400&display=swap”);
:根{
--紫色主题#091428 ;;
--浅紫色主题#0f3a41;
--灰色背景标题:#B8B8;
--灰色背景边栏:#dee3e7;
--浅绿色主题:#65ffce;
--绿色主题#46b692;
--红色主题#f75b54;
}
/*宽度*/
:-webkit滚动条{
宽度:10px;
}
/*跟踪*/
:-webkit滚动条轨迹{
长方体阴影:嵌入0 5px灰色;
边界半径:0px 0px 10px 10px;
背景:var(--浅紫色主题);
}
/*处理*/
:-webkit滚动条拇指{
背景:var(--绿色主题);
边界半径:0 10px 10px;
}
/*悬停手柄*/
:-webkit滚动条拇指:悬停{
背景:var(--浅绿色主题);
}
* {
框大小:边框框;
保证金:0;
填充:0;
}
:-moz选择{
/*Firefox的代码*/
颜色:var(--紫色主题);
背景:var(--绿色主题);
}
::选择{
颜色:var(--紫色主题);
背景:var(--绿色主题);
}
投入:聚焦,
选择:重点,
选择:焦点{
轮廓颜色:var(--浅绿色主题);
}
身体{
身高:100%;
背景重复:无重复;
}
a{
文字装饰:无;
}
桌子
选择,
输入,
a{
颜色:白烟;
}
输入{
宽度:100%;
线高:5px;
字体大小:10px;
}
输入[type=“text”],
输入[type=“url”],
输入[type=“number”]{
高度:30px;
边框:1px实心变量(--绿色主题);
背景色:透明;
颜色:白烟;
字体大小:15px;
}
输入[type=“button”],
输入[type=“reset”],
输入[type=“submit”]{
边框:1px实心变量(--绿色主题);
背景色:var(--绿色主题);
颜色:var(--紫色主题);
文字装饰风格:粗体;
字体大小:15px;
边界半径:0px 15px 15px 0px;
}
/*------网格容器------*/
输入{
宽度:100%;
填充:12px;
边框:1px实心#ccc;
}
输入[type=“date”]{
身高:100%;
}
.grid_容器{
显示:网格;
网格模板列:重复(自动,1fr);
栅隙:10px;
填充:10px;
保证金:0自动;
颜色:白烟;
}
.电网{
背景色:var(--紫色主题);
边框:1px纯色浅灰色;
填充:20px;
}
.内部>跨度{
字体系列:“奥斯瓦尔德”,无衬线;
字体大小:400;
字号:18px;
}
.项目1{
网格柱:1/3;
}
.项目2{
网格柱:3/5;
}
.项目3{
网格柱:5/7;
}
.项目4{
网格柱:7/9;
}
.项目5{
网格柱:1/9;
}
.里面{
填充:0;
垫底:10px;
边界:无;
}
.项目2{
网格柱:1/9;
网格行:1/5;
}
.内部输入[type=“text”]{
宽度:200px;
}
.项目2选择,
.2项目2选项{
宽度:100%;
高度:30px;
背景色:var(--紫色主题);
边框:1px实心变量(--绿色主题);
文本对齐:居中;
}
.item2选择选项{
背景:var(--紫色主题);
}
.2项目2表{
宽度:100%;
文本对齐:居中;
边缘顶部:20px;
字体大小:20px;
}
.详情表:第n个孩子(1){
利润上限:-20px;
}
.详情{
利润上限:-20px;
}
.项目2{
背景色:var(--绿色主题);
颜色:var(--紫色主题);
填充:15px;
}
.项目2 a{
文字装饰:下划线;
}
/*主编辑在这里开始*/
#文本区域td:n个子项(1){
宽度:80%;
}
#文本区域td:n个子项(2){
宽度:20%;
}
#文本区域第四个:第N个子项(1){
宽度:80%;
}
#文本区域第四个:第N个子项(2){
宽度:20%;
}
#文本区thead{
显示:块;
}
#文本区tbody{
高度:440px;
显示:块;
溢出:自动;
宽度:100%;
}
#文本区输入{
宽度:100%;
}
#文本区输入{
边界:无;
}
#文本区{
边框:1px实心变量(--绿色主题);
}
#文本区域tr:n个子(2n+1){
背景:var(--浅紫色主题);
}
#文本区域td:n个子项(4){
边界权:无;
}
#文本区td{
右边框:1px实心变量(--绿色主题);
}
/*主编辑到此结束*/
.项目2.内表*{
垫底:20px;
}
.建议{
位置:绝对位置;
背景色:var(--紫色主题);
字体大小:较小;
光标:指针;
}
.建议一:悬停{
颜色:var(--紫色主题);
背景色:var(--绿色主题);
}
.建议i{
光标:指针;
文本对齐:居中;
文本对齐:居中;
填充:10px 10px-5px 10px;
}
#分类分组{
背景色:var(--紫色主题);
/*位置:绝对位置*/
顶部:123px;
}
#已排序的分区tr:n个子级(2n+1){
背景:var(--浅紫色主题);
}

地点:
产品建议: