您可以通过使用子页眉,然后将子页眉的样式设置为看起来像固定的第一行来实现这种效果。
参见我放在这里的示例:
码本
干杯!
代码:
const { Table } = antd;
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name1',
children: [
{
title: 'Summary',
dataIndex: 'name',
key: 'name2',
},
],
sorter: (a, b) => a.name - b.name
},
{
title: 'Age',
children: [
{
dataIndex: 'age',
key: 'age',
},
],
sorter: (a, b) => a.age - b.age
},
{
title: 'Company',
children: [
{
dataIndex: 'companyAddress',
key: 'companyAddress',
},
],
},
{
title: 'Gender',
dataIndex: 'gender',
key: 'gender',
children: [
{
dataIndex: 'age',
key: 'age',
},
],
},
];
const data = [];
for (let i = 0; i < 100; i++) {
data.push({
key: i,
name: 'John Brown',
age: i + 1,
street: 'Lake Park',
building: 'C',
number: 2035,
companyAddress: 'Lake Street 42',
companyName: 'SoftLake Co',
gender: 'M',
});
}
ReactDOM.render(
<Table
columns={columns}
dataSource={data}
bordered
size="middle"
scroll={{ x: 'calc(700px + 50%)', y: 240 }}
/>,
mountNode,
);```
问题内容: 我专门针对移动设备,因此我有一个Bootstrap响应表。它只是一个带有引导类“表响应”的div和一个嵌套在表中的类,该类与“表表条纹表边界表悬停表压缩表”类嵌套在一起。 有什么简单的方法可以确保第一列是固定的(不是水平滚动)?在移动设备上,每次可能都有滚动,但第一列实际上包含表标题。 问题答案: 如果您仅针对移动设备,那么这可能对您有用:您可以克隆表中的第一列并应用,以便在滚动表的其
自己仿照大佬的代码写的,顶部和左侧固定,右侧可以左右滑动,但是如果斜着拉动表格,表格会上下左右同时滚动,效果图如下: 如果修改对应的代码,虽然斜着拉动表格不会同时滚动了,但是表头也无法固定了。。。纠结了好久,都快查秃了。。也没想到好的解决办法。效果图如下: 期望实现本图效果,然后表头可以固定, 还有一个问题,真机测试的时候,如果左右拉动,表头的名称单元格的内容“名称”会闪动。 希望大佬可以指出问题
问题内容: 我一直在尝试一种方法来制作具有固定的第一列的表(表的其余部分具有水平的溢出),我看到有类似问题的帖子。但是固定的列位似乎没有解决。帮帮我? 问题答案: 我有一个类似的样式,如下所示:
我做了一个表头和列固定的表。但这里我已经指定了我不想要的头/体的宽度。我用引导类col-md-6(50%宽度)将整个表放在一个div中。但是除非我为thead和tbody硬编码样式,否则它是不起作用的。我希望thead和tbody取父div的宽度。但如果没有指定像素或百分比,则会占用屏幕的全宽。这是我的代码 null null 所有我想要的是使表的响应,而不是像静态400px或50%或类似的东西。
本文向大家介绍如何固定MySQL插入?,包括了如何固定MySQL插入?的使用技巧和注意事项,需要的朋友参考一下 借助以下语法,可以在同时插入多个记录时加快MySQL的插入速度 让我们首先创建一个演示表 同时插入多个记录。查询如下-
问题内容: 我有两个div容器。 尽管一个需要为特定宽度,但我需要对其进行调整,以便另一个div占用其余空间。有什么办法可以做到吗? 问题答案: 请参阅: http : //jsfiddle.net/SpSjL/ (调整浏览器的宽度) HTML: CSS: 您也可以使用这样做,这通常是一种更好的方法:如何将输入元素与其标签放在同一行?