how to set scrollbar auto ?
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 35/100
- Tipo de issue
- Bug
- Clareza
- Razoavelmente clara
- Status de atividade
- Estagnada
- Stack de tecnologia
- react, typescript
- Domínio
- frontend
Direção de pesquisa
Start by reproducing the supplied Table example with the nested columns, fixed headers, and scroll={{ x: 'calc(700px + 50%)', y: 240 }}. Read the Table scroll behavior and related examples or tests, then verify the supported auto-scroll behavior and that the table body does not create unwanted page-side scrollbars.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Fixed the table header by setting the y-axis scrolling, but the body content does not go beyond the page, and there are scroll bars on the side
`import { Table } from 'antd';
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
width: 100,
fixed: 'left',
},
{
title: 'Other',
children: [
{
title: 'Age',
dataIndex: 'age',
key: 'age',
width: 150,
sorter: (a, b) => a.age - b.age,
},
{
title: 'Address',
children: [
{
title: 'Street',
dataIndex: 'street',
key: 'street',
width: 150,
},
{
title: 'Block',
children: [
{
title: 'Building',
dataIndex: 'building',
key: 'building',
width: 100,
},
{
title: 'Door No.',
dataIndex: 'number',
key: 'number',
width: 100,
},
],
},
],
},
],
},
{
title: 'Company',
children: [
{
title: 'Company Address',
dataIndex: 'companyAddress',
key: 'companyAddress',
width: 200,
},
{
title: 'Company Name',
dataIndex: 'companyName',
key: 'companyName',
},
],
},
{
title: 'Gender',
dataIndex: 'gender',
key: 'gender',
width: 80,
fixed: 'right',
},
];
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',
});
}
- Linguagem predominante
- TypeScript
- Estrelas
- 1.4k
- Forks
- 619
- Métricas de merge de PRs
- Nenhum PR com merge em 30d
Preparar o ambiente
Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de react-component/table
-
Fixed-header tables force one getBoundingClientRect per column on every mount (ResizeObserver-driven MeasureCell)Talvez já em andamento @rubenmarcus assumiu há 11 dias. Aberta
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 42/100
react-component/table#1507 ·
-
rowExpandable does not work when dataSource has children fieldTalvez já em andamento @nrps9909 assumiu há 45 dias. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 50/100
react-component/table#1416 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 30/100
react-component/table#1403 ·
-
Dificuldade 5/5 Mais de uma semana Facilidade para iniciantes 15/100
react-component/table#1269 · 1 comentário ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
react-component/table#1257 · 1 reação ·
Todas as issues de react-component/table
Issues semelhantes
-
Table: Space fires onActivate in single-selection mode — the reference doc and the JSDoc disagreeAberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
sidorares/react-x11-components#764 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
backnotprop/plannotator#1840 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
JoviDeCroock/pracht#432 ·
Mantenedores costumam responder em até 1 dia
-
Add: CNN en Espanol SDAbertaapproved check:passed streams:add
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 75/100
Mantenedores costumam responder em até 1 dia
-
Hardware attribute name "app Connection Support" has inconsistent casingTalvez já em andamento Um pull request vinculado a esta issue está aberto ou já foi mesclado. Aberta
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 88/100
walletbeat/walletbeat#1628 ·
Mantenedores costumam responder em até 1 dia