Javascript 反应表固定第一行

首先，我读过，也读过。事实上，这个帖子我已经读了好几遍了

线程对于如何用react表固定顶行还没有定论，但这对我当前的项目非常重要，我正在寻找解决方案。我创建了以下虚拟表，以获得此帖子的帮助：

var ReactTable=ReactTable.default
类应用程序扩展了React.Component{
构造函数（）{
超级（）；
此.state={
数据：[
{姓：“乔”，姓“詹姆斯”，年龄：18岁，身份：真实，访问：14}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}
]
};
}
render（）{
const{data}=this.state；
返回(
d、 姓氏
}
]
},
{
标题：“信息”，
栏目：[
{
宽度：“100”，
标题：“年龄”，
访问者：“年龄”
},
{
宽度：“100”，
标题：“状态”，
访问者：“状态”
}
]
},
{
标题：“统计数据”，
栏目：[
{
宽度：“100”，
标题：“访问”，
访问者：“访问”
}
]
}
]}
defaultPageSize={5}
showPagination={false}
className=“-striped-突出显示”
/>


);
}
}
ReactDOM.render（，document.getElementById（“app”）
添加带有高度的样式选项

style={{
    height: "200px"
}}


var ReactTable=ReactTable.default
类应用程序扩展了React.Component{
构造函数（）{
超级（）；
此.state={
数据：[
{姓：“乔”，姓“詹姆斯”，年龄：18岁，身份：真实，访问：14}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}，
{名字：“汤姆”，姓氏：“史密斯”，年龄：15岁，状态：“好”，访问：24}
]
};
}
render（）{
const{data}=this.state；
返回(
d、 姓氏
}
]
},
{
标题：“信息”，
栏目：[
{
宽度：“100”，
标题：“年龄”，
访问者：“年龄”
},
{
宽度：“100”，
标题：“状态”，
访问者：“状态”
}
]
},
{
标题：“统计数据”，
栏目：[
{
宽度：“100”，
标题：“访问”，
访问者：“访问”
}
]
}
]}
defaultPageSize={5}
showPagination={false}
风格={{
高度：“200px”
}}
className=“-striped-突出显示”
/>


);
}
}
ReactDOM.render（，document.getElementById（“app”）
如果您不需要页脚，可以呈现页脚中的第一行，然后对html重新排序：

.rt-table > .rt-thead { order: -2 }
.rt-table > .rt-tbody { order: -1 }
.rt-table > .rt-tfoot { order: -2 }

可能我没有更好地解释这个问题。滚动时，我并不需要将标题固定在顶部，而是需要将第一行数据（joe james 18 real 14）固定为第一行（不受排序影响），就在标题名称的下方。