css让表格第一列和第一行固定

author author     2023-04-17     231

关键词:

用css让表格左右移动滚动条的时候第一列固定,上下移动滚动条的时候第一行固定。并且浏览器兼容,麻烦提供全网页代码。

参考技术A 给你提供个思路:
第一行为一行多列的表格;
第一列为一列多行的表格;
剩下就是一个表格了。
然后把这些表格都放在一个div里面,并设置其样式追问

只能用一个表格。请提供源码。谢谢~!

参考技术B 相当于Excel的冻结。CSS不能实现这样的功能,尤其当表格的行列数非常多的时候不可能。 参考技术C

你可以让第一列第一行单独拿出来,然后下面是一个表格。

下面是我之前做的一个例子,你自己修改下就可以了兼容IE6。


追问

只能在同一个表格中,你这个只实现了上下移动,左右移动的时候,第一行是不动的,并且兼容浏览器。

追答

左右移动什么意思?
第一行是不动的的话怎么移动,请用专业术语说清楚,谢谢。

追问

就比如excel图片,我拖动上下移动滚动条的时候,第一行冻结,我拖动左右移动的滚动条时,A列冻结。这样清楚吗?

如何在熊猫中设置第一列和第一行作为索引?

】如何在熊猫中设置第一列和第一行作为索引?【英文标题】:Howtosetinpandasthefirstcolumnandrowasindex?【发布时间】:2016-08-0501:15:56【问题描述】:当我读入CSV文件时,我可以说pd.read_csv(\'my.csv\',index_col=3)并将第三列设置为索引。如... 查看详情

react-native-table-component 冻结可滚动表中的第一列和第一行

...在使用react-native-table-component,这是一个在ReactNative中呈现表格的基本 查看详情

滚动时如何锁定表格的第一行和第一列,可能使用 JavaScript 和 CSS?

】滚动时如何锁定表格的第一行和第一列,可能使用JavaScript和CSS?【英文标题】:HowcanIlockthefirstrowandfirstcolumnofatablewhenscrolling,possiblyusingJavaScriptandCSS?【发布时间】:2010-09-2216:48:30【问题描述】:当您激活“冻结窗格”时,如何... 查看详情

CSS表格中第一行和第一列的每个单元格的不同背景颜色

】CSS表格中第一行和第一列的每个单元格的不同背景颜色【英文标题】:Differentbackground-colorforeachcellofthefirstrowandfirstcolumninaCSStable【发布时间】:2016-03-2410:36:24【问题描述】:我正在尝试为表格的第一行和第一列的每个单元格添... 查看详情

冻结表格的第一行和第一列

】冻结表格的第一行和第一列【英文标题】:Freezefirstrowandfirstcolumnoftable【发布时间】:2017-12-1716:09:01【问题描述】:我正在尝试冻结/锁定表格的第一行和第一列。我试过给theadposition:absolute;或position:fixed;,但看起来很奇怪。我... 查看详情

具有固定页眉、第一列和页脚的表格 + 向内滚动

】具有固定页眉、第一列和页脚的表格+向内滚动【英文标题】:Tablewithfixedheader,firstcolumnandfooter+Scrollinside【发布时间】:2018-01-2622:39:56【问题描述】:我必须创建一个包含大量数据的表。因此,需要一些帮助来找到如何使其非... 查看详情

第三列单元格应该是excel第一列和第二列中两个数字的乘积

...inexcel【发布时间】:2018-10-0310:24:35【问题描述】:在Excel表格中,我想将第一列单元格与对应的第二列单元格相乘,并自动填充对应的第三列单元格。示例:当我输入如下值时A1单元格2,B1单元格5然后c1单元格应自 查看详情

表格列固定

<!doctypehtml><htmldir="ltr"lang="zh-CN"><head><metacharset="utf-8"/><title>类似excel的滚动机制,当移动滚动条时固定table的第一行和第一列</title><styletype="text/css">#table-container{ 查看详情

在单个 tr 内显示同一行中的 2 列和第二行中的另一列

】在单个tr内显示同一行中的2列和第二行中的另一列【英文标题】:Displaying2columnsinasamerowandanotherin2ndrowwithinasingletr【发布时间】:2015-05-1310:46:40【问题描述】:我做了什么,<table><tr><th>Month</th><th>Savings</... 查看详情

Python:从第二列和第三列绘制,同时从第一列中选​​择参数值

】Python:从第二列和第三列绘制,同时从第一列中选​​择参数值【英文标题】:Python:Plotfromsecondandthirdcolumnswhilepickingparametervaluesfromthefirstone【发布时间】:2022-01-1521:47:04【问题描述】:我在一个名为“sample1.dat”的文件中有一... 查看详情

table表格固定表头和第一列内容可滚动(代码片段)

 整理了下:<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title></title><metacharset="utf-8"/><styletype="text/css">*margin:0;padding:0;tablewidth:100%;text-align:center;border-collapse:collapse;bo... 查看详情

复制矩阵的第一行和第一列(代码片段)

我有一个3*3矩阵AA=[123456789];我想只复制这个矩阵的第一行和第一列。应该是这样的1123112344567789谁能告诉我怎样才能在matlab中做到这一点答案我认为这是一种使用索引的好方法A([1,1:end],[1,1:end])另一答案你可以通过连接原始矩阵的... 查看详情

如何使用 XlsxWriter 冻结第一行和第一列?

】如何使用XlsxWriter冻结第一行和第一列?【英文标题】:HowtofreezethetoprowandthefirstcolumnusingXlsxWriter?【发布时间】:2018-07-0905:10:27【问题描述】:我正在将pandasDataFrame导出到Excel,由于它包含很多行和列,因此在浏览其内容时保留... 查看详情

如何使用 HTML/CSS 创建第一列固定的表?

...7-06-1904:08:13【问题描述】:我想创建一个可以水平滚动的表格。列数是动态的。我想在水平滚动表格时实现第一列需要固定/冻结。我尝试了以下CSS。第一列是固定的,但第二、第三列隐藏在固定列之下。.mydivoverflow-y:scroll;.he 查看详情

在r中如何输出矩阵,第一列和第二列的数为指定数字

即第一列均输出m,第二列为其余数字参考技术Aaa=1-100000001-100000001-100000001-100000001-100000001-100000001-100000001>>bb=0.09680.12000.16670.12500.12500.12501.50010.2500>>[indRow,indCol]=find(a==1);>>forirow=1:length(indRow)a(indRow(irow),indCol(irow))=b(indRow(... 查看详情

Excel VBA自动填充未填充第一行和第一列

】ExcelVBA自动填充未填充第一行和第一列【英文标题】:ExcelVBAAutofillnotpopulatingfirstrowandcolumn【发布时间】:2020-01-0318:14:28【问题描述】:我需要将公式从一个单元格复制到一个单元格块中。我曾尝试使用AutoFill,它在一定程度上... 查看详情

交替 CSS Grid 列和移动视图

...务列表。整个网站网格中的一行被分成两个CSS网格列。在第一行的第一列,有一个服务的描述。在第二列中,有一个代表服务的图像。每行,描述和图像交替出现,所以在第二行第一列,有一个图像,在第二列,有一个描述。查... 查看详情

如何在数据工厂中获取 CSV 的第一行和第一列值?

】如何在数据工厂中获取CSV的第一行和第一列值?【英文标题】:HowtogetfirstrowandfirstcolumnvalueofCSVinDataFactory?【发布时间】:2020-05-2611:07:46【问题描述】:我们正在使用数据工厂将数据从CSV加载到SQL表中,并且CSV存储在azureblob存储... 查看详情